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

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

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

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

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

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

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

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

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

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

二、頁面層級合理化

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

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

三、主題傳達(dá)度

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

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

四、頁面極簡性

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

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

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

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

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

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

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

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

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

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

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

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

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

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