我是個(gè)PM，天天跟設(shè)計(jì)師在一起久了，耳濡目染，對(duì)設(shè)計(jì)也有些理解。最近接觸的H5比較多，那今天就從H5這個(gè)點(diǎn)來說一說設(shè)計(jì)，順便做一下延伸，發(fā)出來和大家探討探討，互相印證，和專業(yè)的設(shè)計(jì)大神們相比自然是差很遠(yuǎn)，權(quán)當(dāng)是給自己做的產(chǎn)品筆記。

大家都知道，當(dāng)下是一個(gè)信息流時(shí)代，碎片化的時(shí)間，已不足以讓我們每天花更多的時(shí)間在一個(gè)應(yīng)用甚至一個(gè)頁面停留太久，手機(jī)端信息的快速更迭，必須要求你所表達(dá)的東西能夠在幾秒內(nèi)就要傳達(dá)給用戶；加之大眾的審美越來越趨于一種假增長(zhǎng)趨勢(shì)，一種虛而無實(shí)快餐式審美，是在看快餐盒中，誰做的拼盤更好看，更有食欲，美的成本在降低，甚至標(biāo)準(zhǔn)化生產(chǎn)。那怎樣才能在這場(chǎng)快餐較量中脫穎而出，讓大家注意到你呢？

首先，需要一個(gè)好的文案，其次需要好的設(shè)計(jì)。

文案這里就不過多贅述了，只要做到“說人話、講清楚、有結(jié)果”，那就可以了。不過，能找到一個(gè)好的文案童鞋真滴很難，聽的多，見得還真不多。

回到設(shè)計(jì)，那什么是好的設(shè)計(jì)，大家各有見解，仁者見仁。綜合來看，一個(gè)優(yōu)秀的設(shè)計(jì)師，應(yīng)該要具備的素質(zhì)，不外乎以下幾個(gè)：

一、需求確認(rèn)，搞清楚，再做事，這個(gè)很重要

當(dāng)你接到需求的時(shí)候，不是第一時(shí)間去找參考，開始設(shè)計(jì)，而是先對(duì)需求進(jìn)行段落概括，分段處理，需求的主題是什么？有幾個(gè)模塊構(gòu)成？軸承連接是什么？用戶方希望的風(fēng)格是什么？用戶方是否有其他想法或補(bǔ)充？溝通整理后交給用戶方去核對(duì)確認(rèn)，確認(rèn)無誤后再開始你的工作，這樣可以減少后期不必要的返工，影響進(jìn)度。

可能有人會(huì)問，這好像不是設(shè)計(jì)該有的工作，那我問你，你是否有過設(shè)計(jì)返工的經(jīng)歷？如果沒有，那說明你很優(yōu)秀，若是有，請(qǐng)你記住一點(diǎn)，永遠(yuǎn)不要奢望用戶方會(huì)把所有的需求分段咀嚼再喂給你，應(yīng)該多想想，多思考，多提問。

我工作幾年，也接觸了不少設(shè)計(jì)同事，發(fā)現(xiàn)在需求確認(rèn)這一環(huán)很容易忽略，在開工行進(jìn)中或都已經(jīng)完成初稿了，才跟用戶方確認(rèn)，這時(shí)候返工率非常之高，設(shè)計(jì)師老是吐槽稿子改來改去沒完了，如果一開始就跟用戶方確認(rèn)好需求并留下證據(jù)（比如郵件、對(duì)話記錄等），他還會(huì)要求你重做嗎？至少大的框架和方向不會(huì)改變，后期你做的僅僅是優(yōu)化和細(xì)節(jié)處理，這樣你的工作才會(huì)高效，用戶方也會(huì)比較滿意。

需求確認(rèn)這一點(diǎn)，希望朋友們多多體會(huì)去嘗試運(yùn)用，當(dāng)你習(xí)慣了這樣一個(gè)過程，這就會(huì)變成經(jīng)驗(yàn)之一，初級(jí)變成高級(jí)再到總監(jiān)，技能僅是基礎(chǔ)，決定你位置和高度的不是技能，而是用戶，編輯、運(yùn)營、技術(shù)、產(chǎn)品、合作方、老板等等都是是用戶，誰能夠讀懂并抓住用戶誰就贏了。

二、頁面層級(jí)合理化

一個(gè)合格的設(shè)計(jì)師應(yīng)懂得：如何將一籮筐的信息層級(jí)化處理？通過不同的層級(jí)來表現(xiàn)主題的強(qiáng)弱，有了層級(jí)，對(duì)于用戶來說就意味著頁面中哪些是重要的，哪些是不重要的，不需要用戶再翻譯，就已經(jīng)很清晰地接收信息，那層級(jí)應(yīng)該怎樣去劃分呢？

• 第一級(jí)，最重要：主題，通過大小、顏色、位置來突出主題，告訴我們你的中心意思；
• 第二級(jí)，比較重要：副標(biāo)、背景，用于烘托主題，加伸用戶理解，輔助表達(dá)；
• 第三級(jí)，無關(guān)緊要：旁白性內(nèi)容、點(diǎn)綴性元素等，這些放在合適的位置，符合用戶閱讀習(xí)慣就好，不用過多花費(fèi)心思。

三、主題傳達(dá)度

前面說到層級(jí)，文案也需要層級(jí)去表達(dá)。好的文案更需要好的設(shè)計(jì)去承載，得告訴我們“是什么、做什么、結(jié)果呢”。所以，文案的信息層級(jí)決定了你的主題傳達(dá)是否能夠讓用戶第一時(shí)間快速感知，并得出結(jié)果。

根據(jù)用戶的閱讀習(xí)慣，從上到下，從左到右，那我們的主題層級(jí)也應(yīng)該要遵循用戶習(xí)慣來設(shè)。首先就要做的就是選址，上下結(jié)構(gòu)或左右結(jié)構(gòu)，然后通過不同的字號(hào)顏色開區(qū)分主副標(biāo)題，最后則是來一張靠譜的不那么搶眼的讓人看上去舒服的背景來烘托主題，那就OK了。

四、頁面極簡(jiǎn)性

所謂極簡(jiǎn)，是對(duì)我們的頁面內(nèi)的信息。比如我們的色塊、元素、文字信息等，進(jìn)行重組展示后的一個(gè)極致狀態(tài)，極簡(jiǎn)不代表簡(jiǎn)單，而是更高難度的更耗費(fèi)時(shí)間的去尋找最少的、最合適的顏色或是元素來完成你的作品。

目前，極簡(jiǎn)已是移動(dòng)端的一種設(shè)計(jì)趨勢(shì)了，未來也將是如此，我們經(jīng)常聽到的扁平化的設(shè)計(jì)也是極簡(jiǎn)而來。

那在移動(dòng)端幾寸之間的狹窄頁面完成極簡(jiǎn)設(shè)計(jì)，必然會(huì)舍棄一些東西，整合一些東西，那怎么樣才能做到“舍的恰當(dāng)，整的合適”呢？

我們先從減法開始，丟掉你的過度設(shè)計(jì)，嘗試用最少的元素和顏色表現(xiàn)主題，來抓住用戶。我們常說的留白其實(shí)就是一種極簡(jiǎn)的呈現(xiàn)之一，純凈的“空”更能給人一種空靈的感動(dòng)和想象，可以激發(fā)對(duì)主題的興趣度和專注度。

所以我們?yōu)槭裁匆龅綐O簡(jiǎn)，為什么要推崇極簡(jiǎn)思想，是希望我們的表達(dá)能直達(dá)用戶內(nèi)心，抓住核心內(nèi)容，告訴用戶“是什么、做什么、結(jié)果呢”。

看看自己的作品，你做到了嗎？

五、把用戶當(dāng)“白癡”看，把自個(gè)當(dāng)用戶看

設(shè)計(jì)認(rèn)為的和我們用戶認(rèn)為的往往會(huì)有偏差，造就這種偏差的原因是，我們的設(shè)計(jì)師并沒有把自己當(dāng)做是一個(gè)用戶去看，用戶看到這個(gè)頁面，就是在看一個(gè)頁面，這個(gè)頁面有什么？在說什么？而設(shè)計(jì)師看到這個(gè)頁面，看的是色調(diào)、背景、設(shè)計(jì)感、風(fēng)格等，反而忽略了最真實(shí)最重要的東西，永遠(yuǎn)記住，好的頁面設(shè)計(jì)是給人以引導(dǎo)，告訴他們要去做什么。

我在做產(chǎn)品需求的時(shí)候，都會(huì)問自己：我會(huì)在什么場(chǎng)景下，去使用這個(gè)功能，用的爽不爽，最后能得到什么？設(shè)計(jì)師也是如此，假想自己是一個(gè)普通用戶，當(dāng)你看到這頁面設(shè)計(jì)頁面的時(shí)候，第一時(shí)間你獲得了什么，是否會(huì)繼續(xù)往下瀏覽，是否會(huì)促使你轉(zhuǎn)發(fā)至朋友圈呢，還是會(huì)毫不猶豫的點(diǎn)關(guān)閉返回呢。

我們做互聯(lián)網(wǎng)的，經(jīng)常會(huì)聽到說，你是不是傻，編輯什么都不懂，產(chǎn)品懂個(gè)毛線，真的是我們不懂嗎？

周末了，祝大家周末愉快~

作者：產(chǎn)品卷子雞

來源：http://www.jianshu.com/p/e3de54bfff00

本文由 @產(chǎn)品卷子雞 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。