網頁設計教程：知道這些就夠了！

設計師同學們，我想大家都會在被指點江山之后，產生這樣一個疑問：該如何讓你的非設計師同事更好的了解設計，從而避免因彼此的主觀而導致的理解鴻溝呢？ 想必下面這篇文章，你真該要推薦他們讀一下了。（您也一定要掌握熟記這些理念，方便自己更好的闡述設計意圖） 無論你是設計師，還是開發者，即便你是設計愛好者，都應該知道這10條 Kyle Fiedler 列出的最基本的設計理念。

1，設計并不只有視覺 其體驗不只是視覺性的。視覺設計僅僅是設計的一部分。設計關乎到用戶使用產品、瀏覽網頁的整體體驗。 用戶為何要使用這款應用、這款網頁？怎樣用？這是設計要去解決的現實問題，網站的加載速度如何？這也是設計要解決的問題。 點擊、觸控、懸停的效果如何？這還是設計要解決的問題，不僅僅是視覺，很多細節上的整體體驗都需要設計去規劃。 你認為只有視覺設計師配叫”設計師”？其實不然，一個項目中，每一位參與者都可以被稱之為”設計師”，因為產品的體驗和交互，是在所有人的共同努力下完成的。因此無論是前端、后端還是PM，他們都在產品的研發過程中思考著屬于自己職責內的產品設計。 2， 以用戶為中心 用戶為核心，而不是設計師、產品為核心 設計的中心不是設計師，不是產品，更不是開發者，而是用戶。產品好不好，用戶說的算。以用戶為中心的設計，更容易成功、更有效、體驗更好。 在本人帶學生、帶菜鳥的時候，我通常會讓他們注意一點：設計要以用戶為核心。要知道你的用戶是誰？用戶使用你的產品做什么？用戶的使用感受怎樣？用戶在遇到什么樣的情況后，會放棄你的產品？ 但是當遇到更大的項目時，我會換一種方法，從一種更廣義的角度思考問題，應該用人性化的情感進行設計，通過“敘事性引導”的手段來完美表達設計的細節和情感，暗示和引導用戶。 設計師不是獨裁者，不應該”統治”用戶體驗，而是應該根據用戶的具體情況，讓設計順應用戶的需求。這才是核心要義。 3，雕琢細節 每一個細節都要做到細膩，例如鏈接使用正確的藍色色調，字體間距充余。 細節能夠將優秀的設計轉化為偉大的設計。注重細節，才能讓你的作品脫穎而出，才能令用戶滿意。 細節往往很難于捕捉，建議不要在設計流程的早期就開始抓細節，這樣比較耗時，放到后期較好。 4，設計時需要多畫草圖 草圖是一個非常廉價、迅捷、方便的工具。 它有助于我們進行思考，幫我們劃分層級，為我們建立起合理的工作流程。 只需30秒就能畫出一個理念，無論是布局、體驗設計還是用戶流程，都能用草圖體現。 5，留白 蘋果的留白設計突出了自己的產品，這對很多前端開發者來說似乎是一個很晦澀的概念，留白能讓頁面充滿更多的呼吸空間。讓段落和句子更加清爽利落，讓重要的視覺元素更加突出。 6，柵格線不是CSS中的框架
柵格線的功能：

更緊密的連接多個對象間的關系
視覺上，提供了基本的對齊系統
幫助構建水平和垂直方向的閱讀節奏感
打造出視覺平衡
頁面中的每一個元素都是一名士兵，柵格線是規矩和紀律，在柵格線的約束下，所有的元素都能緊密結合，排布有序，形成一個整齊劃一的”軍隊” 7，主角只有一個 如果不分主次，強調每一個元素，那么，到底誰才是主角？ 這是很重要的一點，一次最好只強調一個元素，這樣視覺層級會變得清晰，頁面會更加易讀。 8，建立一個靈感圖庫 靈感圖庫要多保存一些能夠激發你靈感的作品，可以是照片、視頻、海報、T恤，也可是網站。也許以后用得到的時候可以回來參考。 同時，仔細觀察這些設計，試圖從更深層次去研究細節，或是研究設計者的設計手法，應用到你的設計中，或是琢磨設計者的靈感，也許會給你帶來新的啟發。 9， 設計的意義在于解決問題 設計的意義在于通過思考，提供解決方案。 在我看來頁面上的每一個元素都有自己存在的理由，都能夠解決某一問題。 因此我個人的習慣是去掉一些花哨、不能解決實際問題的功能和元素。從而讓頁面更具功能性。 10，不光要會設計，還要會講，會評判 你知道設計師為什么最煩”指點江山”嗎？因為指點江山的人一點都不懂，他們往往喜歡這么說： 這個紅色的圓變成藍色的比較好，這段文字距離大一點比較好，這個Logo小一點吧。 問題是，你只告訴了設計師怎么做，沒有告訴他為什么。 你要擺事實，講道理 要告訴他們為什么這么做，要從設計目標、使用流程、用戶流程、視覺原則等方面出發，陳述你的看法。

名稱欄目：網頁設計教程：知道這些,就夠了！
文章鏈接：http://m.newbst.com/news48/312248.html

成都網站建設公司_創新互聯，為您提供軟件開發、服務器托管、電子商務、網站設計公司、移動網站建設、定制開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯