? ? ? ?最近拜讀了點石成金這本web和移動設(shè)計的經(jīng)典書殴瘦，雖然在移動互聯(lián)網(wǎng)時代狠角，web設(shè)計會顯得有點過時，但是里面有一些基本的設(shè)計原則蚪腋，應(yīng)該是值得所有人借鑒的丰歌，就像作者所說：“人類大腦的容量不會馬上發(fā)生變化，所以這些人類行為研究所得到的成果在很長時間內(nèi)都不會失效辣吃，20年前他們遇到的困難动遭，現(xiàn)在同樣如此“芬探。 這些可能是很常識性的原則神得，但是大道至簡。了解這些設(shè)計原則偷仿，并舉出說明哩簿，力圖提高自己對設(shè)計感覺的把握能力，設(shè)計小白酝静，勿喜輕噴节榜。
1.當(dāng)看一個頁面時，它應(yīng)該是不言而喻别智，一目了然宗苍，自我解釋的，糟糕的設(shè)計是大而全，什么都往里面放讳窟；
老版本12306
新版本12306
12306改版前后相信大家一眼都能看出让歼，改版之后把最重要的車票查詢放到中心位置，去除了一些無用的展示丽啡，整個界面清爽了很多谋右，用戶進來就能鎖定中間車票查詢。
2.永遠不要讓用戶花時間去思考某個東西是否點擊补箍，所以鏈接和按鈕應(yīng)該明顯改执；
上圖中某行APP中財富，轉(zhuǎn)賬等按鈕坑雅，底色是藍色辈挂，按鈕是白色，第一時間我考慮這些按鈕是否能點擊裹粤，同時我第一感覺是否歡迎詞也能點擊（傻笑臉）呢岗。
3.命名不要自以為很酷或者自以為很聰明，應(yīng)該是顯而易見的蛹尝；
某音頻APP,有個功能叫一鍵聽后豫，相對于旁邊的經(jīng)典必聽、每日必聽突那，剛看到這個按鈕的時候真不知道里面是什么內(nèi)容
4.如果不能做到讓一個頁面不言而喻挫酿，那么至少應(yīng)該讓它自我解釋，比如一些復(fù)雜界面或者新功能愕难，需要做簡單的解釋說明早龟；
此處可以添加咕咚設(shè)備了，好的跑渣知道了
5.盡量利用習(xí)慣用法猫缭，習(xí)慣用法能讓人瞬間理解葱弟，所以應(yīng)該多研究主流產(chǎn)品的設(shè)計，找到用戶的習(xí)慣用法猜丹；
微信電話本拔號功能仿照蘋果系統(tǒng)的撥號設(shè)計
6.設(shè)計創(chuàng)新要慎重芝加，因為大部分創(chuàng)新可能是重復(fù)造輪子，如果想要對已有的習(xí)慣進行創(chuàng)新射窒，那么一定要確認這是更好的藏杖，更實用的；
大部分APP的首頁都是搜索+功能塊+banner設(shè)計脉顿，當(dāng)設(shè)計一款新APP的時候蝌麸，如果不知道如何布局，可以直接參考艾疟，因為用戶習(xí)慣了
7.越重要的部分越突出来吩，比如標題字體更大敢辩，更粗，顏色更特別弟疆，旁邊有更多空白责鳍；
上圖中公司名稱，圖片兽间，面試評分分別加粗历葛，放大，顏色顯示用以突出重要性
8.邏輯上相關(guān)的部分也在視覺上相關(guān)嘀略，比如可把相近的內(nèi)容分成一組恤溶，放在同一個標題之下；
飛豬APP中免簽落地簽帜羊、高星酒店控等放在旅行主題下
9.邏輯上包含的部分在視覺上進行嵌套中咒程；
去哪兒APP首頁中酒店和包含關(guān)系的特價酒店、海外酒店用同一種顏色在視覺中達到嵌套效果
10.把頁面劃分成明確定義的區(qū)域讼育，這樣可以讓用戶很快決定關(guān)注頁面的哪些區(qū)域帐姻，或者跳過哪些區(qū)域;
網(wǎng)易云音樂把音頻分為知識技能和商業(yè)財經(jīng)等模塊
11.明顯標識可以點擊的地方，可以點擊相當(dāng)于視覺掃描的線索奶段，比如用戶需要關(guān)注哪些地方可以點擊饥瓷，某種形狀，某些位置痹籍，某些格式;
在這款小區(qū)APP中呢铆，設(shè)計中把開門按鈕設(shè)計成鑰匙形狀并且顏色上凸顯出來，點擊開門按鈕就可以直接開門蹲缠。
12.降低視覺躁聲棺克，比如眼花繚亂，組織不當(dāng)线定，太過密集等娜谊；
APP由于屏幕比較小，擺放內(nèi)容有限斤讥，但是當(dāng)web界面有大把面積給到設(shè)計師充分發(fā)揮的時候纱皆，結(jié)果是我有密集恐懼癥
13.為文本設(shè)置格式，以便掃描周偎，比如使用標題抹剩，保持段落簡短，和使用符號列表蓉坎，突出關(guān)鍵詞等；
加粗的標題和簡潔的段落胡嘿，看起來干凈
14.必要的幫助和支持蛉艾，提供簡短，及時，不會錯過的幫助和支持勿侯；
某車APP進入之后拓瞪，有個toast提示新的改版功能點
15.歡迎詞必須消滅，歡迎詞就像閑聊助琐，內(nèi)容無所謂祭埂；
某車APP歡迎詞占用了大量空間，好奢侈~
16.不要忽視導(dǎo)航的用途兵钮，導(dǎo)航幫助我們找到想要的任何東西和告訴我們現(xiàn)在身在何處;
除了傳統(tǒng)意義上的類目導(dǎo)航蛆橡，天貓對于商品詳情頁，還設(shè)置了頁面目錄掘譬，把過長的詳情頁拆分成幾大塊泰演，以卡片的形式展示，方便用戶選擇葱轩，這個有點贊
17.讓一個返回主頁的按鈕始終可見睦焕，讓用戶無論迷失到何種地步，都能重新開始;
APP設(shè)計中靴拱，當(dāng)界面下拉很深的時候微服，支持點擊返回到頂部，京東有為什么天貓沒有鴨翠霍？
18.喜歡搜索的用戶比喜歡瀏覽的用戶更多惜颇，除非界面非常小，否則每個頁面都應(yīng)該有一個搜索框或者搜索頁面的鏈接;
電商網(wǎng)站除了支持在首頁搜索之外妇蛀，還支持在店鋪內(nèi)進行搜索
19.每個頁面都需要一個名稱耕突，就像每個拐角都應(yīng)該有一個路牌一樣;
從淘寶進入天貓超市之后的界面，對于電商APP來講评架，信息量在大眷茁，空間在不夠用，在頂端還是有顯示天貓超市的頁面說明纵诞。
20.一個網(wǎng)站應(yīng)該有一個 個性上祈、生動、還有點俏皮的口號浙芙；
keep的口號登刺，讓我對生活充滿的敬畏和期待
21.沒有簡單的正確答案，良好的嗡呼、一體化的設(shè)計能滿足需要纸俭，也就是說，經(jīng)過仔細考慮南窗，實現(xiàn)和測試的設(shè)計就是好設(shè)計,如果有爭執(zhí)揍很，那么就讓做一個可用性測試;
一個可用性測試過程
22.讓用戶感受到設(shè)計過程是花了心思的郎楼；
樂刻APP開屏?xí)r顯示樂刻用戶的照片和視頻，讓用戶的參與感更強（上圖用戶正面比背影更帥窒悔，這個我知道）
23.好的設(shè)計需要有良好的反饋呜袁，促進設(shè)計者能夠不斷的改進；
Boss直聘中简珠，對于公司信息展示,讓用戶評判是否有用
24.好的設(shè)計需要減少用戶操作
網(wǎng)易云音樂截屏后系統(tǒng)自動彈出圖片分享渠道阶界，網(wǎng)易比別人更懂我一步
25.知道用戶可能有哪些疑問，并且給予解答聋庵；
支付寶里面膘融，對于上銀行匯款，在功能中添加了使用幫助珍策，? 對于常見問題都做了解答
