表單是網(wǎng)頁(yè)設(shè)計(jì)中最常見的元素，幾乎每個(gè)網(wǎng)站都會(huì)包含一種甚至幾種不同類型的表單。從簡(jiǎn)單的電子郵件搜集和訂閱，到注冊(cè)、下單、購(gòu)買，表單一直伴隨著網(wǎng)頁(yè)而存在。所以，設(shè)計(jì)出好看易用的表單是非常有必要的。

也正是因?yàn)楸韱我恢卑殡S這網(wǎng)頁(yè)存在，在過去的20多年間，表單的設(shè)計(jì)規(guī)范和標(biāo)準(zhǔn)也一直在逐步發(fā)展。雖然許多網(wǎng)頁(yè)中的表單涵蓋了大量的信息也數(shù)量可觀的欄目，但是絕大多數(shù)的優(yōu)秀設(shè)計(jì)和最佳實(shí)踐都是以簡(jiǎn)單而著稱。好的表單一目了然，用戶不需要輸入太多信息，條目標(biāo)識(shí)明確，格式清晰，讓用戶盡可能一次就能正確填寫。

編者按：這篇文章總結(jié)的18條網(wǎng)頁(yè)設(shè)計(jì)技巧，多是新手設(shè)計(jì)師容易犯的細(xì)節(jié)錯(cuò)誤，每條技巧都有案例有對(duì)比，簡(jiǎn)單易懂全干貨。

編者按：極簡(jiǎn)主義的流行讓越來越多的網(wǎng)頁(yè)設(shè)計(jì)師開始著迷簡(jiǎn)單、簡(jiǎn)約的網(wǎng)頁(yè)設(shè)計(jì)，CARRIE COUSINS 的這篇文章就幫你搞定這個(gè)問題~

坦率的講，在網(wǎng)頁(yè)設(shè)計(jì)這件事情上，簡(jiǎn)單的設(shè)計(jì)往往更好。一個(gè)簡(jiǎn)單易用的界面更容易為用戶所掌握，也更容易將一個(gè)新用戶轉(zhuǎn)化為一個(gè)活躍用戶。

面對(duì)龐雜的需求，許多設(shè)計(jì)師總會(huì)身不由己地向著復(fù)雜的方向來設(shè)計(jì)網(wǎng)頁(yè)，那么到底要如何將一個(gè)已經(jīng)比較復(fù)雜的網(wǎng)站簡(jiǎn)化下來呢？其實(shí)思路并不復(fù)雜，訣竅在于根據(jù)用戶目標(biāo)，重新審視整個(gè)路徑，將妨礙用戶達(dá)成目標(biāo)的障礙都清除掉。

而今天我們要聊的10個(gè)簡(jiǎn)化技巧都是圍繞著這個(gè)思路來推進(jìn)的。無論你是正在設(shè)計(jì)一個(gè)全新的網(wǎng)站，還是針對(duì)現(xiàn)有的網(wǎng)站進(jìn)行簡(jiǎn)化，這10個(gè)簡(jiǎn)化技巧都非常值得嘗試。

本文通過分析日式網(wǎng)站的色彩、圖片、文字和元素運(yùn)用，幫你充分吸收日式網(wǎng)站的精華，讓中文網(wǎng)站的設(shè)計(jì)也變得高大上！

式美法則是人類在創(chuàng)造美的形式和過程中對(duì)美的形式規(guī)律的總結(jié)概括，世間萬物的美都可以用形式美法則來概括。在平面構(gòu)成中也有形式美法則：統(tǒng)一和變化，對(duì)稱和平衡，節(jié)奏和韻律，對(duì)比和調(diào)和。小編曾給大家介紹《寫給大家看的設(shè)計(jì)書》這本書，書中作者也概括了設(shè)計(jì)四大基本原則，分別是：對(duì)比、重復(fù)、對(duì)其和親密性。平面構(gòu)成的形式美法則和Robin在書中概括出的設(shè)計(jì)四大原則中都包含了對(duì)比，這兩者所表達(dá)的內(nèi)容是一樣的，可見對(duì)比在設(shè)計(jì)中的重要性。

我愛按鈕們。我可以用按鈕做很多事：進(jìn)行下一步，做出決定，或者完成事務(wù)。有了按鈕，交互變得煥發(fā)生機(jī)。

這就是為什么按鈕們是一個(gè)設(shè)計(jì)系統(tǒng)里最重要的組成部分。非常簡(jiǎn)單，它們?cè)谥付ǖ膮^(qū)域提供可以點(diǎn)擊的簡(jiǎn)單標(biāo)簽。因此，按鈕是你應(yīng)用一種設(shè)計(jì)語(yǔ)言的基本特征的重要方式，之后你可以把特征擴(kuò)展到其他更復(fù)雜的部分上。

這篇文章講的是我在一個(gè)新生系統(tǒng)中著手設(shè)計(jì)主要按鈕、次要按鈕、以及一大堆其他類型按鈕的時(shí)候所學(xué)習(xí)到的 12 條經(jīng)驗(yàn)。

圖片在網(wǎng)頁(yè)中所扮演的角色越來越重要。作為最常見也是最早使用的網(wǎng)頁(yè)多媒體，圖片對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師而言至關(guān)重要。如何用好圖片已經(jīng)成為了一項(xiàng)成熟、完善而又講究的技巧，而在高清屏幕無處不在的今天，稍有瑕疵的圖片都在高密度的像素下無所遁形，而不合理的圖片設(shè)計(jì)也不會(huì)逃過訪客的雙眼。

幾何圖案與全屏背景圖結(jié)合、灰色的高級(jí)用法、色彩疊加… 這篇總結(jié)的這5個(gè)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，其實(shí)在年底就初現(xiàn)端倪，所以2017年大面積運(yùn)用幾乎勢(shì)在必行，想不落人后記得打開閱讀喲。

編者按：Banner 是我們最常聊到的設(shè)計(jì)元素，它是一個(gè)網(wǎng)頁(yè)的招牌，是用戶最容易看到的視覺元素。今天，我們來聊聊Banner中的急先鋒，網(wǎng)頁(yè)首圖，它的設(shè)計(jì)之道。

網(wǎng)頁(yè)設(shè)計(jì)師都明白，網(wǎng)頁(yè)對(duì)于用戶的第一印象是非常重要的，而網(wǎng)頁(yè)給用戶的第一印象很大程度上取決于網(wǎng)頁(yè)的視覺設(shè)計(jì)?，F(xiàn)在的網(wǎng)頁(yè)雖然多種多樣，但是出于視覺化設(shè)計(jì)的目的，大多會(huì)使用大圖背景，或者超大尺寸的Banner。當(dāng)用戶一打開網(wǎng)頁(yè)的時(shí)候，映入用戶眼簾的Banner ，是影響視覺設(shè)計(jì)的關(guān)鍵因素，它有個(gè)專門的術(shù)語(yǔ)是 Hero image，我們通常稱之為首圖。所以，網(wǎng)頁(yè)首圖的設(shè)計(jì)需要特別用心的。

網(wǎng)頁(yè)首圖不僅僅是一張漂亮的圖片，它還應(yīng)該是強(qiáng)大的視覺傳達(dá)工具。談情懷不如講套路，今天的文章，我們就通過一系列最佳實(shí)踐來為你展示首圖設(shè)計(jì)的一些設(shè)計(jì)“套路”。

占位符文本可用作幾乎所有的HTML輸入類型的屬性，被誤導(dǎo)的設(shè)計(jì)師和開發(fā)人員不要猶豫。為復(fù)雜的表單提供文字幫助或者刪除輸入標(biāo)簽來提高美觀度都頗具吸引力，然而，這樣使用占位符文本會(huì)導(dǎo)致許多可用性問題。

本文將例舉常見的不良做法，并提供替代方案。

將占位符作為標(biāo)簽