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

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

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

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

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

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

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

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

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

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

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

信息架構(gòu)與柵格系統(tǒng)

當(dāng)你查看任何卡片式設(shè)計(jì)的時(shí)候，你是無法忽視整個(gè)設(shè)計(jì)中貫穿始終的柵格系統(tǒng)。每一個(gè)卡片的邊緣都在整個(gè)設(shè)計(jì)中成為一套更大的柵格系統(tǒng)的一部分，他們?cè)诔叽绾烷g隙上保持著一致性與和諧性。

隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，我們?cè)桨l(fā)要關(guān)注移動(dòng)頁面的性能優(yōu)化，今天跟大家談?wù)勥@方面的事情。

首先，為什么要最移動(dòng)頁面進(jìn)行優(yōu)化？

縱觀目前移動(dòng)網(wǎng)絡(luò)的現(xiàn)狀：

當(dāng)瀏覽網(wǎng)站時(shí)，我們喜歡看頁面設(shè)計(jì)展示出干凈、清爽的對(duì)比。對(duì)比達(dá)到了一個(gè)重要的目的——它使內(nèi)容可讀，并毫不費(fèi)力地在頁面上指導(dǎo)用戶。這是一個(gè)最基本的設(shè)計(jì)概念，只是很奇怪，有些網(wǎng)站似乎就是不明白。

沒有足夠的對(duì)比度的話，不管是顏色或整體展示，一個(gè)網(wǎng)站看起來，在最好的情況下，也會(huì)讓你覺得有點(diǎn)兒丈二和尚摸不著頭腦，在最壞的情況下，將會(huì)使頁面完全不可讀。

來自 Medium 的設(shè)計(jì)師在這篇文章中預(yù)測(cè)了2016年最值得關(guān)注的設(shè)計(jì)趨勢(shì)，而老牌設(shè)計(jì)博客Designmodo 對(duì)此也有自己的看法。新的技術(shù)和新的設(shè)計(jì)趨勢(shì)會(huì)在2016年逐一涌現(xiàn)，但是總體上來說，它依然會(huì)沿著2015的大趨勢(shì)來逐步演變?？梢灶A(yù)見到的是，2016年會(huì)有更多的網(wǎng)站使用視頻背景，更多基于Material Design 風(fēng)格的界面設(shè)計(jì)，幻燈片式的界面切換也會(huì)繼續(xù)火熱下去。

Designmodo 對(duì)2016年預(yù)測(cè)的設(shè)計(jì)趨勢(shì)有11種，其中許多確實(shí)和Medium “所見略同”。兩相印證，應(yīng)該能讓你看的更明白。