設計師同學(xué)們，我想大家都會(huì )在被指點(diǎn)江山之后，產(chǎn)生這樣一個(gè)疑問(wèn)：該如何讓你的非設計師同事更好的了解設計，從而避免因彼此的主觀(guān)而導致的理解鴻溝呢?
想必下面這篇文章，你真該要推薦他們讀一下了。(您也一定要掌握熟記這些理念，方便自己更好的闡述設計意圖)
無(wú)論你是設計師，還是開(kāi)發(fā)者，即便你是設計愛(ài)好者，都應該知道這10條 Kyle Fiedler 列出的最基本的設計理念。
01. 設計并不只有視覺(jué) 互聯(lián)網(wǎng)的一些事
比如這款產(chǎn)品，其體驗不只是視覺(jué)性的。只有在用戶(hù)喝過(guò)之后，才能感受到其產(chǎn)品的核心體驗——純凈的水，和諧的味道。視覺(jué)設計僅僅是設計的一部分。設計關(guān)乎到用戶(hù)使用產(chǎn)品、瀏覽網(wǎng)頁(yè)的整體體驗。
用戶(hù)為何要使用這款應用、這款網(wǎng)頁(yè)?怎樣用?這是設計要去解決的現實(shí)問(wèn)題，網(wǎng)站的加載速度如何?這也是設計要解決的問(wèn)題。
點(diǎn)擊、觸控、懸停的效果如何?這還是設計要解決的問(wèn)題，不僅僅是視覺(jué)，很多細節上的整體體驗都需要設計去規劃。
你認為只有視覺(jué)設計師配叫”設計師”?其實(shí)不然，一個(gè)項目中，每一位參與者都可以被稱(chēng)之為”設計師”，因為產(chǎn)品的體驗和交互，是在所有人的共同努力下完成的。因此無(wú)論是前端、后端還是PM，他們都在產(chǎn)品的研發(fā)過(guò)程中思考著(zhù)屬于自己職責內的產(chǎn)品設計。
02. 以用戶(hù)為中心
用戶(hù)為核心，而不是設計師、產(chǎn)品為核心
設計的中心不是設計師，不是產(chǎn)品，更不是開(kāi)發(fā)者，而是用戶(hù)。產(chǎn)品好不好，用戶(hù)說(shuō)的算。以用戶(hù)為中心的設計，更容易成功、更有效、體驗更好。
在本人帶學(xué)生、帶菜鳥(niǎo)的時(shí)候，我通常會(huì )讓他們注意一點(diǎn)：設計要以用戶(hù)為核心。要知道你的用戶(hù)是誰(shuí)?用戶(hù)使用你的產(chǎn)品做什么?用戶(hù)的使用感受怎樣?用戶(hù)在遇到什么樣的情況后，會(huì )放棄你的產(chǎn)品? yixieshi.com
但是當遇到更大的項目時(shí)，我會(huì )換一種方法，從一種更廣義的角度思考問(wèn)題，應該用人性化的情感進(jìn)行設計，通過(guò)“敘事性引導”的手段來(lái)完美表達設計的細節和情感，暗示和引導用戶(hù)。
設計師不是獨裁者，不應該”統治”用戶(hù)體驗，而是應該根據用戶(hù)的具體情況，讓設計順應用戶(hù)的需求。這才是核心要義。
03.雕琢細節 yixieshi.com
每一個(gè)細節都要做到細膩，例如鏈接使用正確的藍色色調，字體間距充余。
細節能夠將優(yōu)秀的設計轉化為偉大的設計。注重細節，才能讓你的作品脫穎而出，才能令用戶(hù)滿(mǎn)意。
細節往往很難于捕捉，建議不要在設計流程的早期就開(kāi)始抓細節，這樣比較耗時(shí)，放到后期較好。
04. 設計時(shí)需要多畫(huà)草圖
草圖是一個(gè)非常廉價(jià)、迅捷、方便的工具。
它有助于我們進(jìn)行思考，幫我們劃分層級，為我們建立起合理的工作流程。
只需30秒就能畫(huà)出一個(gè)理念，無(wú)論是布局、體驗設計還是用戶(hù)流程，都能用草圖體現。
在上學(xué)時(shí)，我的大學(xué)老師禁止我們使用計算機而是用紙，這直接培養了我畫(huà)草圖的習慣。在畫(huà)草圖的過(guò)程中，我們會(huì )不斷的更新理念，不斷的進(jìn)行思考，探索各種可能性。然而，我身邊依然有很多設計師，不畫(huà)草圖就直接開(kāi)始設計，這樣的設計過(guò)程缺少了很多”可能性”。 yixieshi.com
而且草圖人人都能畫(huà)。每個(gè)人都會(huì )畫(huà)方框、箭頭、以及曲線(xiàn)，因此草圖絕對是非常有用的設計工具。
05. 留白
蘋(píng)果的留白設計突出了自己的產(chǎn)品，這對很多前端開(kāi)發(fā)者來(lái)說(shuō)似乎是一個(gè)很晦澀的概念，留白能讓頁(yè)面充滿(mǎn)更多的呼吸空間。讓段落和句子更加清爽利落，讓重要的視覺(jué)元素更加突出。 互聯(lián)網(wǎng)的一些事
06. 柵格線(xiàn)不是CSS中的框架 yixieshi.com
柵格線(xiàn)的功能有以下幾點(diǎn)
更緊密的連接多個(gè)對象間的關(guān)系
視覺(jué)上，提供了基本的對齊系統
幫助構建水平和垂直方向的閱讀節奏感
打造出視覺(jué)平衡 互聯(lián)網(wǎng)的一些事
頁(yè)面中的每一個(gè)元素都是一名士兵，柵格線(xiàn)是規矩和紀律，在柵格線(xiàn)的約束下，所有的元素都能緊密結合，排布有序，形成一個(gè)整齊劃一的”軍隊” 互聯(lián)網(wǎng)的一些事
07. 主角只有一個(gè) yixieshi.com
如果不分主次，強調每一個(gè)元素，那么，到底誰(shuí)才是主角?
這是很重要的一點(diǎn)，一次最好只強調一個(gè)元素，這樣視覺(jué)層級會(huì )變得清晰，頁(yè)面會(huì )更加易讀。
08. 建立一個(gè)靈感圖庫
靈感圖庫要多保存一些能夠激發(fā)你靈感的作品，可以是照片、視頻、海報、T恤，也可是網(wǎng)站。也許以后用得到的時(shí)候可以回來(lái)參考。
同時(shí)，仔細觀(guān)察這些設計，試圖從更深層次去研究細節，或是研究設計者的設計手法，應用到你的設計中，或是琢磨設計者的靈感，也許會(huì )給你帶來(lái)新的啟發(fā)。
當然咯，如果你不喜歡在本地存儲圖片，那么推薦你到我們備受歡迎的”設計師網(wǎng)址導航”的圖庫查找，藏著(zhù)12個(gè)頂級的高清圖庫網(wǎng)站。
09.設計的意義在于解決問(wèn)題
設計的意義在于通過(guò)思考，提供解決方案。
在我看來(lái)頁(yè)面上的每一個(gè)元素都有自己存在的理由，都能夠解決某一問(wèn)題。 yixieshi.com
因此我個(gè)人的習慣是去掉一些花哨、不能解決實(shí)際問(wèn)題的功能和元素。從而讓頁(yè)面更具功能性。
10. 不光要會(huì )設計，還要會(huì )講，會(huì )評判 互聯(lián)網(wǎng)的一些事
你知道設計師為什么最煩”指點(diǎn)江山”嗎?因為指點(diǎn)江山的人一點(diǎn)都不懂，他們往往喜歡這么說(shuō)：
這個(gè)紅色的圓變成藍色的比較好，這段文字距離大一點(diǎn)比較好，這個(gè)Logo小一點(diǎn)吧。
問(wèn)題是，你只告訴了設計師怎么做，沒(méi)有告訴他為什么。
你要擺事實(shí)，講道理
要告訴他們?yōu)槭裁催@么做，要從設計目標、使用流程、用戶(hù)流程、視覺(jué)原則等方面出發(fā)，陳述你的看法。
原文地址：creativebloq;via：優(yōu)設網(wǎng)
聯(lián)系客服
