如何提高網頁設計的功力，包括美感、排版？
從業幾年，一直忽略了這方面的能力的提高，最近愈發感覺這方面能力的重要，也找了很多資料，只總結出來一點，就是要多看多動手。
希望得到大家指點
- 多看。經常瀏覽像Smashingmagazine、Behance、Dribbble這樣的設計類網站，不斷跟進了解最新的Web設計發展趨勢和技術技巧，提高自己的審美能力。
- 多學。可以通過瀏覽一些專業書籍，學習設計的理論知識。關注優秀Web設計師的作品，通過臨摹模仿提高設計技巧。
- 多想。相對於絢麗奪目的視覺設計，Web設計考慮更多的是信息架構或交互設計。為什麼要這麼設計，這麼設計能夠給用戶帶來什麼樣的體驗，設計也需要理性，需要有憑有據。
- 多練。俗話說的好「光說不練假把式」，YY沒有用，再好的東西要落到紙面上。所以要多多動手，多多練習。
剛好看到一個相關的文章，我大概翻譯一下，簡單總結了10條。
#1 探索問題
很多設計師開始項目後就一屁股坐下埋頭苦幹，從來不做與項目相關的研究，他們的思考過程通常是這樣的...
不，別這樣
我知道CSS很好，但設計一個界面或一種體驗是為了解決一系列的問題。別老從網上找那些不搭的素材、腦殘的字體和丑過鳳姐的配色方案，你真應該找找解決問題的方法，當然這些問題可能包括以下幾方面：
- 在移動設備上沒有經過優化
- 在屏幕上的閱讀體驗不好或色盲的人看不見
- 載入時間超過了12秒
- 沒能馬上體現出APP的價值
- 註冊流程步驟太多了
#2 去了解你的用戶
當你弄清楚你的用戶如何去使用產品，問題就變得容易解決了，因此在你開始動手之前，先儘可能地去了解你的用戶。
- 他們的平均年齡是?
- 他們用什麼的瀏覽器?
- 他們怎麼找到你的網站的?
- 他們想從你的網站得到什麼?
- 你想從他們身上得到什麼?
#3 學學畫線框圖吧
好吧，現在我知道用戶是誰，且知道用戶在使用過程中遇到啥問題了。那麼我是不是可以馬上開始重新設計的我首頁了？對嚒？
錯
用戶體驗設計中最常見的錯誤就是總是很本能地從首頁開始設計，普遍來說，首頁的確可以引導用戶來達成你的意願，但是在很多情況下，也許日誌才是用戶先開始瀏覽的內容，因此不一定非要使引導頁作為首頁。
首先，把你網站的所有入口都列出來。然後，你終於可以從最重要頁面開始設計了，拿起筆紙，用線框圖來規劃一下這個頁面的內容。想想你應該如何引導用戶，你是想引導他們去為你的文章點贊？還是想展示更多相關的內容給他們？又或者引導他們去到首頁？須注意的是，如果提供了太多的選擇和引導，可能用戶會最終什麼也不做。另外，要確保每個內容的添加都應該有它存在的理由，它必須有目的、能解決問題，如果沒有這些前提，刪掉它吧。
重複這些入口，不管用戶在哪裡輸入你的網站，都應該讓用戶輕鬆地完成任務並達到預期。
#4 有效地傳達
你的工作就是用最迅速、有效、可行的方式來向你的用戶傳達信息。視頻和圖片是非常有效的溝通形式，多研究一下那些經過精心設計的網站，通常他們是如何通過圖片和圖標等來表達意圖的。
不要使你的用戶產生不必要的疲勞，絕大多數用戶都是「快速瀏覽」網頁，而不是「閱讀」網頁。讓用戶可以通過內容的標題來快速找到他們感興趣的內容，而且標題應該儘可能地簡短和有吸引力。多嘗試，直到找到更簡單有效的傳達方式。
長篇大論么？
好一點了.
又酷又前衛！
#5 引導你的用戶
當一個用戶登陸了你的APP後不能馬上在看到有對他受益的地方，沒準他們會馬上離開並且不再回來。所以在設計產品時不要立足於如何展示一個完整的數據，而應該讓用戶享受過程
#6 鼓勵你的用戶
當你的用戶出錯了，別只是嚴肅地通知他，然後讓他自行尋找答案。
如果你非要這樣做，他們會責備你且你馬上會失去他們的信任。
相反，應該禮貌地，甚至幽默地讓他們意識到錯誤，然後告知解決方法，鼓勵用戶完成任務。
#7 獎勵你的用戶
同樣地，當你的用戶順利完成了任務，應該給予獎勵，別僅僅是機械地通知他們完成了任務。
用更口語化的詞語來祝賀用戶、獎勵用戶，他們會更願意使用你的產品，更能從中感受到愛，同樣的他們也會喜歡你的產品。當用戶的經驗大於期望時，說明信任關係已經建立了，儘早建立信任關係對於良好的用戶體驗來說是首要的。
#8 學學基本的開發原理吧
只能哦了.
#9 學學視覺設計
很多搞用戶體驗的都認為自己不需要了解一些關於色彩或者排版的知識，甚至覺得完全是浪費時間。問題是，設計師經常使用視覺層面的方法來嘗試解決用戶體驗的相關問題，這麼說吧，當你的用戶在一個購物的流程中遇到問題時，你把按鈕做的漂亮一點是無補於事的。
然而，假設你的用戶都按流程走的很好，改善你的視覺設計能很大程度能增強用戶對你產品的信任。如果要搞清楚如何在頁面上有效地組織信息，布局、平衡、對齊、對比這些都是必要了解的視覺設計技巧，
關於設計的學習資料無窮無盡， 這裡提供一些供大家交流
資源
https://twitter.com/smashingmagAarron
https://twitter.com/aarron
https://twitter.com/paul_irish
https://twitter.com/RWD
https://twitter.com/rjs
https://twitter.com/chriscoyier
Design Skool
CSS-Tricks
https://twitter.com/AaronRobbs
A Book Apart, Designing for Emotion
Welcome
Dribbble - Show and tell for designers
Pttrns - Mobile User Interface Patterns
The Main Tap ? PatternTap
Designer News
設計的不錯的網站
Send Better Email
Karma
http://facebook.com
Simple version control for designers
針對如何提高網頁設計功力這個問題來說，理解設計系統是核心。
對一個獨到的網頁設計者來說，一個網頁可不單單只是一個頁面，設計師需要建立周到的設計系統，而不是簡單的網頁集合。在創造設計系統這方面目前已經有很多討論，大多都只是停留在關注建立顏色，排版，網格，結構及類似元素這部分。這種思維方式固然重要，但最近看到一篇想法非常新穎的文章《網頁的原子化設計》，文章里提出了一種叫原子化設計的網頁設計方法，非常有意思，希望能夠回答到這個如何提高網頁設計功力的問題。
- 什麼是原子化設計？
網頁設計可以把網頁本身想像成人體，它可以像人體一樣被拆分成器官、組織、分子甚至原子！界面也是由更小的部件組成。這意味著，我們可以把界面打散成基本的模塊，並以此入手搭建界面。這就是原子化設計的要點。記住，我們不設計頁面，我們設計的是構成組件的系統。
- 原子化設計有哪些構成層面？
01 原子
原子部分就是我們的HTML標籤，比如表單標籤（label），輸入框（input）或者一個按鈕（button）。
02 分子
分子是一堆原子以化學鍵的形式捆綁在一起，並且它還是組成化合物的最小基本單位。這些分子體現出各自的屬性並作為我們設計系統的骨幹。
舉個例子，一個表單標籤，輸入框或者一個按鈕單獨的情況並不能完成一個用戶功能，但是把它們組合在一起形成一個表單後，現在它們能共同完成一個任務比如搜索。
03 有機組織
組織是由一組分子聯合起來所形成的相對複雜，獨立的界面功能塊。
一個標題部分就可以包含很多「分子」，像是logo設計，基本的頁面導航，搜索欄，和一系列社會媒體板塊。但對於一個以推出產品為目的的系統來說可能意味著很多相同分子（可能包括產品圖片，名稱和價格）的不斷重複。
04 模板
模板是非常具體而有形的，它的存在給所有相關的抽象的分子和組織提供了一個很好的平台。它同樣能讓用戶看到最終設計所在的位置。根據我對這個原子化設計方法的經驗，模板的生命是從HTML 線框圖開始的，但同時隨著時間的推進它最終要變成一個可交付的東西。匹茲堡的Bearded工作室也是這樣。他們的設計始於灰度，構圖很少，但逐漸變得清晰直到最終的設計。
05 頁面
頁面實際上是模板的例證。在這裡，佔位符的位置被真正有代表性的內容取代，這些有代表性的內容將給用戶呈現一個最終版精確的界面。
頁面層面是最逼真準確的層面，因為它們是可感的，而且通常是人們在瀏覽過程中花時間最多的。對設計者來說頁面層面也是非常重要的因為我們在這個層面上可以檢測整個設計系統的效用。
反過來，重新審視並調整之前的分子，有機組織和模板部分也能使我們有一個更好的設計。
- 為什麼是原子化設計？
原子化設計為網頁設計提供了一個清晰的方法論。設計者也能夠通過像這樣一步步推進的方式更好的理解設計系統的概念。
原子化設計給抽象轉換成具象的能力。正因如此，我們才能去創造那些具有連貫性和可量測性的系統。另外，通過建構而不是解構的方式，我們一步步腳踏實地從基礎做起進行網頁設計，而不是事後像摘草莓一樣隨意挑選。
如果感興趣可以看看我專欄這篇關於原子化設計的文章
從原子到個體——層層遞進的系統網頁設計 - 讀點兒設計 - 知乎專欄
不請自來~
Fotor從網頁配色這個方面來解答一下題主的問題吧，希望能有所幫助。
一個作品超過百分之九十的部分都由顏色填充，所以我們設計的時候，顏色的使用需要慎重再三。網頁設計除了排版、交互，背景圖片、顏色同樣重要，網頁配色不僅體現網站的審美與性格，還直接關係到用戶的直觀感受，當我們不喜歡一種配色方案的時候，我們可能不會在這個網站上停留太久。
以下是20種網頁配色的靈感技巧。
01.內容激發靈感
Fabrique
當你舉棋不定的時候，可以在你的內容中尋找配色靈感。這個Fabrique創作給Van Gogh Museum的網站使用了炫目的、紋理感的顏色，這也是他的作品廣為人知的特點。通過搭配使用溫暖的黃色、豐富的綠色和冷感的藍色，得到了一個簡單、靈活而又有意義的配色方案。
02.有趣且專業
Mark Dearman
這個來自Mark Dearman的乾淨明亮的配色方案完美結合了暖色調和乾淨的湖藍色背景，創造了一種專業的又極受歡迎的配色方案。試一試通過使用高對比度色來營造乾淨的效果的配色方案吧。
03.柔和色調
The Martin Agency
這個The Martin Agency設計的網站使用了柔和色調和白色調和尖銳的黑白色對比，營造了一種令人震撼的碰撞感。極簡和優雅，這個配色方案比起精緻複雜的那些更容易上手。
04.現代且乾淨
Benedict Leicht
Benedict Leicht這個尖銳而具有現代感的例子使用了不同種橘色和藍色的色調來創作出一種有趣且激情的配色方式。當你使用明亮的顏色的時候，試著和一些比較中性的白色或者亮灰色來中和，就好像這個例子一樣，可以讓東西都變得有趣又不會顯得氣勢洶洶。
05.霓虹燈色調和強烈對
Play.agency
Play.agency的這個網站大膽使用了強烈對比的配色方案，結合了強烈的黑色背景和突出的霓虹的色調。通過對比黑色和紫色、藍色、粉色，你可以簡單創造出一種令人印象深刻的效果。
06.柔和的極簡派
Inga Gudoniene / MIOS
這個Inga Gudoniene / MIOS配合了柔和的、低飽和度的顏色來創造出優雅感。你可以通過選擇酷炫的、低飽和度色調的圖片，配合優雅的灰色來獲得這種永恆和優雅感。
07.溫暖而恍惚
Lush Digital
想要美妙地配合溫暖和冷酷的顏色來創造出與眾不同的氛圍吧？看看Lush Digital』s的書吧——把炫目的紅色和藍色與暗系的靛藍和紫色配合起來，營造出一種恍惚的效果。
08.乾淨而明亮
Departika
多虧了柔軟的藍色、灰色和白色，讓Departika的這個配色方案顯得乾淨而嚴肅。但是，通過混合充滿活力特徵的紅色來吸引觀眾注意力，強調焦點。用強而有力的顏色打破你的柔軟優雅的顏色來形成美妙的對比吧！
09.暖色調
Studio Recode
這個Studio Recode的例子同樣也保持乾淨和極簡的風格，但是用了更溫暖的觸感。通過使用暖色調，亮棕色作為背景，通過圖片和文字來平衡這種暖色調，這個配色方案讓東西顯得溫暖又乾淨。
10.尖銳而現代
Frost Festival
一個形成你網站品牌的好方法就是採用凸顯焦點的配色方法，就好像這個Frost Festival的例子做的一樣。通過使用令人印象深刻的藍綠色來作為焦點顏色，用零散的弱橘色、灰色和薄荷色作為補充，這個配色方法讓整個頁面保持清新、現代和簡單。
11.冷感vs.暖感
Akaru
通過把暖色調和冷色調結合，你可以簡單地解鎖一個強而有力的配色方式。這個Akaru的例子把暖感的橘黃色和冷感的金屬灰、青銅色結合起來，營造出了勇敢的、充滿活力的效果。
12.漂亮的彩粉
B/C Designers
彩粉色不單單只適用於護士間的牆面：這個B/C Designers的網站使用了乾淨、明亮的彩粉粉色、藍色和橘色，創造出有趣、明亮和誘人的配色。這種配色方法使用了相當大的白色部分中和，以保持畫面整體新鮮和明亮。
13.剛勁且強力
Magoz
如果水彩色不是很適合你的胃口的話，考慮看起來明亮、有力、古老的顏色吧，就好像Magoz這個例子一樣。儘管這個例子一次性使用了許多顏色，它仍然妥善有序地結合，保持暖感的一致性。
14.色彩和色調
Romain Bouchereau and Vincent Fréman
增加配色的維度並且保持極簡的一個好方法是，使用同一顏色的不同色調。這個Romain Bouchereau 和 Vincent Fréman的乾淨優雅的頁面正是使用了同一中性桃色輕微不同的色調來強調焦點。
15.飛濺的顏色
Magnium Themes
這個 Magnium Themes 的例子注入一對明亮的爆炸顏色，營造出一種有趣且圓滑的效果。藍色、橘色、黃色和灰色背景對比，創造了專業又不失活潑的效果。
16.優雅又精緻
Julian Damy
我們都覺得黑色和白色是最精緻的顏色，但是看看這個 Julian Damy的設計案例，通過使用深藍色和精緻的金色來達到精緻的效果。這種配色方法是漂亮且永恆的。
17.夏季靈感
StrADegy Advertising
當我們想到關於夏天的設計的時候，總是聯想到紅色和橘色，但是看看這個StrADegy Advertising網站，嘗試使用珊瑚色、藍色和棕褐色來捕捉這個季節的溫暖。這是一個簡單、樸素和容易使用的夏季靈感的配色方法。
18.專業且現代
Avondale Type Co.
又有超專業感但是又不會無聊老舊的配色方法是什麼？看看這個曾經在Avondale Type Co上使用的例子吧。灰色、深海軍色和振奮人心的明亮黃色調配合，創作出尖銳而又單調現代的布局，真是專業又新鮮的好設計。
19.醒目的黑色和亮點
Cantina dei Colli Ripani
如果你所在的市場需要更加突出的、潮流的設計，嘗試配合醒目的黑白色和一些醒目的顏色吧，就像這個Cantina dei Colli Ripani的例子一樣。亮色和黑色的對比營造出了有力、剛勁和有趣的效果。
20.乾淨的漸變和鮮藍色
SHIBUI
你想做一個網站讓它看起來十分「乾淨」嗎？一個達到目的好方法，就像SHIBUI做的這個網站配色一樣，使用漸變色。這個網站的配色由鮮藍色和松石綠漸變組成，達到了平靜、乾淨和新鮮的效果。
很多人做了很多年設計，都沒有形成自己的理論。
假設有了幾年的設計經驗，那麼不妨總結一下自己的「設計之道」。
1.建立這個信念：設計並非天賦，設計有規律可循。
網頁設計脫胎於傳統平面設計，平面設計的基本原理，都可以運用到網頁設計當中。
千百年來，設計師們總結了很多規律，比如古登堡規律、面部比例主義、柵格、每行最優字數、斐波那契數列、黃金分割……
這些規律你一旦掌握並熟練運用，你的設計能力將大大提升。
2.理解視覺語言
人類與動物的重要區別之一，就是語言；人可以用語言描繪任何事物，包括圖形。當你完成一個設計的草圖，你是否能準確的描述，這些是什麼？為什麼出現在這裡？具有什麼表徵？具有什麼文化內涵？
如果你能健壯的表達你的作品，那麼它們就是很難被推翻的。
3.追逐設計原本
設計是為了什麼？天馬行空的設計叫作品，為了使用的設計是產品。理解人，了解人性，追逐優秀設計的源頭，在技巧之上追求道理。去讀別人的書，做自己的設計筆記。
你的積累不是那些案例和硬碟里的PSD，你的積累是頭腦當中的設計理念，是手上的設計習慣、設計技法……
4.原創能力
繪畫和攝影，你至少擁有其中之一。原創是什麼？原創首先來自否定，否定自己，否定大師；原創其次來自實踐，不斷實踐，被虐，進步，被虐，進步；原創最後來自總結，系統的審視。
最後，做設計多累啊，想想以後的路，能轉型就抓緊的！
多看優秀網站的抓屏，多參考好的設計，在參考過程中進步。
排版需要經驗的積累和沉澱。要提供現成的配套資料表格EXCEL也可以
第1次，比較傷腦細胞，大約2-4個小時，框架打好了
後面就非常快了
登錄 - 簡歷輔導專業化問答網站！
==============================
來一個詳細的示例
第1步
靈感來源
用戶體驗的要素 (豆瓣)
《用戶體驗的要素》
第2步：首頁屏幕截圖
然後按「元素」標上序號
第3步：按強，弱，疑問，3個狀態進行評估
註：若是考慮列印
（黑色列印的話，就是實心的圈，空心的圈，一個問號）
（彩色的話，就是紅黃綠3個狀態）誠如 @廖偉健所言
==========================
若是你再能有一點點遠見
還能看看高層，老闆，是咋想的
=====================
當然在最後
你的腦門一拍，這不就是平時好多老闆，客戶經常在想的
1）我就是想要那樣的
2）得，你就先抄那家網站的
3）對的，我還真研究過幾家網站，這兒有資料，你收著，對比一下
4）若是產品經理類型的，說不上早就對比了，還能總結出來對比的評估報告，類似這樣的
美感這個東西,跟品位好壞有很大關係.看夠1000部電影,聽夠1000張唱片,多看大師藝術展.多關注設計以外的東西,比如時裝,繪畫,建築,攝影什麼的,設計都是相通的.看的東西多了品位自然就上去了.
網頁設計的功力根在平面設計功力。美感和版式如果天生沒什麼感覺，就去多看。不要只看形式，最好了解背後的思想。
如果你把任何設計歸屬於藝術創作，那麼這個問題就很好理解。網頁設計亦是如此。正如「沒有所謂的藝術，只有藝術家」一樣。既然是藝術，非一日之功，也並非固定不變，任何藝術的基礎是美的基礎，也就是審美要好。
一個人對於美的審度，其實部分先天基因的貢獻不少，如果沒有，那後期也是能提高的？How to？
前提你需要了解清楚，網頁設計相比UI設計要難得多，沒有固定的尺寸和規範標準，以及現代化網頁設計複雜程度，足夠你需要學好多東西，比如說一張照片的使用及處理好，你就不自然跨入攝影領域了，更何況一個好的頁面設計考慮的因素不要太多。
用心看和體會
不推薦多，推薦多了你也沒時間看，推薦精品。
集中網頁
Awwwards - Website Awards - Best Web Design Trends
CSS Winner - Web Design Awards - CSS Award Gallery for Website Design Inspiration - Website Awards
各個領域的：
Show and tell for designers
Behance
在上班來迴路上看、提前上班看、吃完晚飯後看...每天至少30分鐘。不要描摹，不要描摹，不要描摹.......重要的事說三遍，看和體會就行。
跨領域學習
當你走過一段路時遇到平靜瓶頸，不妨沉靜下心了，學「本源」的東西。
繪畫。圖標和建模，繪畫是基礎。基本功紮實，設計越走越遠。
攝影。嘗試運用自己手中的 iPhone 拍攝些照片，用在設計項目中當素材。學習色彩原理，如何處理照片，觸類旁通。
3D。學習3D、 Cinema 4d，開拓你的視野，你發現能發揮的創意越來越多。
blog：網頁設計靈感的十大來源 | 應酷愛網頁設計
認知標準，才能超越標準。設計需要長期積累和大量練習，這裡也提供一份我們經驗總結出來做好網頁設計的基本規範，供你參考。
排版的美-現代化網頁設計的基本的排版布局尺寸：
- 焦點圖：500~800px
- 模塊間的間距：30~60px
- 行距：24~32px
- 段間距：10~30px
- 正文：14～16px
色彩的美
- 除去色彩飽和度、明度不同外，頁面中不要超過 3 中顏色
- 鮮艷的顏色，配合中性色（黑、白、灰）使用
- 專業的頁面設計儘可能保持同一種色調，素材的選擇貼近頁面主題色
有興趣的話可以關注我們的blog（正文里有）大量的網頁設計相關內容會對想學習提高網頁設計技能的朋友們有所幫助。
設計和藝術是不一樣的，天賦沒有特別重要。設計是可以學習的。當然很多時候你會覺得同樣的東西，自己配色什麼的出來就是難看，有些人就是好看。在初期沒有別的辦法，只能多看多接觸。
我算是個初學者，設計這方面我覺得還是要多看、多模仿、多做、多比，就會有成長，各方面也會有提升！
說的實際點
產品經理跟前端說了一大堆描述辭彙，天花亂墜。
前端回復，你就告訴我要抄哪一家網站就行。
這個現象不奇怪，我現在看每個網站都有似曾相識的感覺。
甚至說，百度的熊掌，我看就是PS里的自定義形狀工具自帶形狀（手機碼字，不上圖了）
創意要有，但是用戶體驗才是最重要的，你的創意能給用戶帶來什麼體驗註定你的產品能做到什麼地步，鄙人不是設計師，但以前是很喜歡前端的，如今，我看到一些毫無亮點的站，我就默默的鄙視一遍，然後關掉。
12306就是很好的例子，無論是前端還是後端都是渣，用戶體驗極差，移動APP更難用（安卓機），所以我買票都是拜託朋友幫忙買
借鑒是必不可少的，借鑒什麼，借鑒多少就是審美的問題
說的很實在，但是就算是教設計的老師之前也是抄著別人的作品來教學生，畢業設計有幾個不是抄的
扁平化又是一大趨勢，個人看來是蘋果帶來的影響，這又告訴我們，多餘的修飾是沒用的，核心是體驗，我就認為，扁平化很高效，體驗也很棒，這就看作為設計師的你是怎麼看法
我所希望見到的，設計師能真正貼合產品來完成作品，設計師能從客戶的角度來看問題並加以修飾，設計師能以最簡潔的話或圖完成對產品的概述之類，作為一名24小時，50%時間在網上的人來說不在乎你抄沒抄，能讓我感到誠意或者亮點，我不介意在朋友之間免費幫忙宣傳一翻
寧願被鄙視也義無反顧的說出我的答案，匿了
設計來源於生活，通過多體驗生活、觀察生活、將生活設計化、將設計生活化，學會從美的一面去看事物。
自信很重要！對自己有信心才能越做越好！
沒有人是天生的，
1.首先多看，多吾，多練· 視覺的東西，眼界要先打開走得遠，思維和想法才能慢慢跟上，然後針對性的去練· 多接觸些潮流的東西，即使你接受不了· 記住 眼光要比行為走得遠些
2.其次：基礎能力：例如 PS,AI，DW等一些軟體，配色理論和印刷常識等，不然你看很多東西實現不出來也沒用
3.多悟，例如有一個東西你會聯想到什麼？它美在哪裡？這種美其實是怎麼組織起來的 ··
最後向你推薦「優秀網頁設計」·百度搜索 ，有你想要的一切
第一天賦，第二激情，第三自信
首先撇開天賦不說，我們談談後天的東西
～～～～～～～～～～～～～～～～～～～～～
這可以涉及心理學與視覺形成的交叉學科方面的知識，多看看這方面的書籍，對視覺造成的心理影響多多了解（簡單的栗子：有些顏色搭配就很舒服，有些就不是）。
再重要的就是多看，多做，如果自己實在難以做出評價的話，找些人幫幫你。
這應該也算是UX的東西吧，跟一些UX高級工程師，UI工程師多交流，也會有很多收穫的。
給題主看看我這兩天的改變。
我在做一個二維碼生成美化的網站，其中有個預覽的功能。
第一版的設計圖如下（這個功能為，奶茶店等商鋪在桌上貼一張二維碼，用戶一掃就可以知道wifi賬號，當然也可以知道商家的一些信息、優惠等等）
我實在覺得太樸素的，自己能感覺到的幾個弱點
1. 不會用色
2. 不會布局
我相信這是很多人普遍遇到的問題
然後逛了幾天behance....吸收了一下靈感
排名第一的那個答案很實在。
多看別人設計的，多抄...抄到後來就有感覺了....多模仿吧
我覺得是天賦，我就是學死，一個沒品位的IT死宅也成不了牛逼的設計師
推薦閱讀：