亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

第290期：【工作流程】產(chǎn)品工作流程總結(jié)
推薦理由：適合人群：產(chǎn)品設(shè)計師。閱讀耗時：字數(shù)1245，約3.5分鐘。這是多年前的經(jīng)典文案，現(xiàn)在看來基本的框架邏輯依然適用，新的工具替代了老一點的工具，基本的流程沒有太大的變化，對于剛剛轉(zhuǎn)型的你來說真好試用，關(guān)鍵是文案沒有那么繁文縟節(jié)。

工作內(nèi)容包括：獲取需求、收集資料、結(jié)構(gòu)圖、交互設(shè)計、視覺設(shè)計、切圖標注
一、獲取需求
工具：只要能記錄下需求的載體都可以，最喜歡的是execl。
二、收集資料
1.這個產(chǎn)品依賴的硬件。是客戶端還是網(wǎng)頁，網(wǎng)頁要不要考慮pad端。
2.開發(fā)技術(shù)上的約束限制。
3.如果是再設(shè)計，要熟悉產(chǎn)品的一些特殊限制。
三、結(jié)構(gòu)圖
結(jié)構(gòu)圖包含概念模型、層級圖、流程圖等。
1.概念模型就是把這個產(chǎn)品涉及的用戶、環(huán)境、提供的服務大致畫個關(guān)系圖。

2.層級圖就是把產(chǎn)品具體的層級結(jié)構(gòu)規(guī)劃并畫下來。基本遵循由大概到具體的順序。
先列出大致的幾個部分，然后慢慢細化，并增加自己想到的需要注意的點。

3.流程圖就是把用戶想要完成一個任務的過程一步一步列出來，各種操作的可能性要盡可能多的考慮到。

四、交互設(shè)計
交互設(shè)計過程中，有兩點要盡量遵循，一是要平臺的設(shè)計規(guī)范，二是通用的交互設(shè)計原則。
我感覺其實APP的設(shè)計會比網(wǎng)頁設(shè)計要簡單。無論是iOS還是Android都有設(shè)計模板，拿過來用就能設(shè)計個及格的方案。網(wǎng)頁面積更大，可以承載的內(nèi)容功能更多，設(shè)計方案的可能性也越多。
我用過mindmanager、omnigraffle、Axure。

mindmanager畫層級圖比較有優(yōu)勢，但是不能無縫對接交互設(shè)計。

omnigraffle、Axure都可以在一個文件里完成結(jié)構(gòu)圖和交互原型。omnigraffle畫結(jié)構(gòu)圖有優(yōu)勢，自帶交互設(shè)計中用到的各種模板，但是導出的文件不能像axure導出的文件那樣有個左邊欄的頁面導航，動效也很有限。

axure能畫結(jié)構(gòu)圖，但不能自動排版，另一個缺點用瀏覽器打開高版本的Axure導出的html文件需要安裝插件，除非使用Axure share，優(yōu)點是有導航、動效豐富。
五、視覺設(shè)計、動效
視覺設(shè)計開始之前要了解企業(yè)的品牌、主色，用戶的喜好。無法直接獲得用戶喜好，那就結(jié)合產(chǎn)品提供的服務
特色定義主色調(diào)，風格。
看看這個色調(diào)的大牛設(shè)計的好看的界面是怎么配色的，尤其是各種灰度的高級灰用起來，真比普通灰效果好很多。
色相上不要超過2種，比較難駕馭，目前我的水平是最多兩種顏色。當然也可以出現(xiàn)多個色彩，但是除了主色、輔色外的這些色彩占得面積一定要小小小。把這些顏色加到色板中，方便設(shè)計過程中取用。
我要安利sketch了。以前我用ps設(shè)計，后來試用了Sketch，立馬拋棄了ps。sketch可以直接創(chuàng)建各種手機屏幕尺寸和網(wǎng)頁的畫板，symbol 和shared style 更是好用的不要不要的，特別適合搭配UI kit。再有各種好用到哭的插件，一鍵生成各種頭像、人名、文字等等。重點來了，sketch連接后續(xù)動效principle和切圖zeplin會極大提高效率
六、切圖標注
標注我使用zeplin，在sketch安裝插件后，可以直接在sketch里選擇想要導入到zeplin的畫板，并導出，方便查看絕對尺寸、相對尺寸、字體、顏色等等，還可以自動為色板中的顏色命名、生成代碼，復制文字內(nèi)容，對開發(fā)們很友好

讀后感

UI發(fā)展了很多年，但是基本的內(nèi)容依然變化不大，期間層出不窮的工具，在駱駝看來最好用的不是思維導圖而是execl，因為他可以很整潔的兩條軸線延伸。

Powered by Froala Editor