網(wǎng)頁(yè)按鈕設(shè)計(jì)中的“幽靈”

移動(dòng)應(yīng)用在人們的生活中越來(lái)越重要，人們可以通過(guò)APP進(jìn)行上網(wǎng)、聊天、購(gòu)物等等。而且隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，APP的設(shè)計(jì)的變更也變得更快了。BESD設(shè)計(jì)實(shí)驗(yàn)室結(jié)合今年流行的設(shè)計(jì)趨勢(shì)和一些實(shí)驗(yàn)調(diào)研后，在新的一年即將來(lái)到之際為大家?guī)?lái)2015年的移動(dòng)應(yīng)用設(shè)計(jì)趨勢(shì)建議。

1.的平滑

前幾天分享的2015年春夏流行色人氣很高，今天直接放干貨，@AnyForWeb_UDC 的同學(xué)根據(jù)2015年的色彩大致趨勢(shì)走向，結(jié)合相關(guān)的設(shè)計(jì)經(jīng)驗(yàn)，作出了以下網(wǎng)頁(yè)配色預(yù)測(cè)分析，來(lái)看看有哪些亮點(diǎn)吧。

一、Metro和柔和鮮嫩的色彩

1. 復(fù)雜的中文輸入

• 拼音模糊匹配

中文的輸入法千差萬(wàn)別，從拼音、手寫(xiě)、部首到頗具懷舊風(fēng)的九宮格輸入等，花樣百出，盡管不同年代、不同成長(zhǎng)環(huán)境的用戶會(huì)選擇不同的輸入法，拼音輸入?yún)s還是最為常用的一種。

但 在中國(guó)的網(wǎng)站和App上，并不需要以上任意一種的輸入方式。打開(kāi)任何操作系統(tǒng)的搜索界面，只需輸入拉丁字母，就能得到海量的中文搜索結(jié)果，通過(guò)智能糾錯(cuò)和 模糊音功能，即使有錯(cuò)別字也無(wú)傷大雅。一旦適應(yīng)了這種模式，就會(huì)不由得感慨：為什么其他國(guó)家的App沒(méi)有這么人性化呢？

    ,設(shè)計(jì)

威鋒網(wǎng)12月7日消息，根據(jù)外媒 PatentlyApple 報(bào)道稱，香港專利局本周五審批通過(guò)了蘋(píng)果公司遞交的 27 項(xiàng)設(shè)計(jì)專利申請(qǐng)，其中主要涉及 iOS 應(yīng)用的圖標(biāo)以及用戶界面設(shè)計(jì)，而 Mac 系統(tǒng)新的 iBook 應(yīng)用圖標(biāo)也包含其中。

2014年，我們制作網(wǎng)頁(yè)時(shí)遇到了不少新東西——無(wú)代碼設(shè)計(jì)平臺(tái)，視差效果，單頁(yè)網(wǎng)站等等。隨著技術(shù)與設(shè)計(jì)理念的演進(jìn)，2015年，網(wǎng)頁(yè)制作的設(shè)計(jì)趨勢(shì)是繼承去年還是會(huì)迎來(lái)革新呢？

1.可調(diào)整的字體

與一般的大背景圖片，背景模糊的圖像越來(lái)越成為網(wǎng)頁(yè)設(shè)計(jì)的主流。另外模糊不僅創(chuàng)造了一個(gè)很酷的效果，同時(shí)也突出了網(wǎng)站需要關(guān)注的主要內(nèi)容，避免任何易讀性問(wèn)題。下面是收集的國(guó)外的一些模糊背景的圖片。效果相當(dāng)不錯(cuò)的說(shuō)

在移動(dòng)新趨勢(shì)：扁平化設(shè)計(jì) vs. 擬物化設(shè)計(jì)（上篇）中我們探討了擬物化設(shè)計(jì)的優(yōu)點(diǎn)與容易陷入的誤區(qū)。作為目前比較受到到認(rèn)可的設(shè)計(jì)風(fēng)格之一，扁平化設(shè)計(jì)也逐漸成為2013年最為顯著的應(yīng)用設(shè)計(jì)趨勢(shì)。

扁平化設(shè)計(jì)的崛起

整個(gè)行業(yè)都在預(yù)測(cè)未來(lái)的設(shè)計(jì)趨勢(shì)，但是沒(méi)人預(yù)料到，下一個(gè)設(shè)計(jì)趨勢(shì)的引領(lǐng)者竟是微軟。不論是否是為了能更好地與蘋(píng)果形成差異，或是發(fā)自內(nèi)心認(rèn)為這一種更好的設(shè)計(jì)理念，微軟的Metro風(fēng)格用戶界面有著一種與眾不同的美感。與iOS應(yīng)用不同，沒(méi)有陰影、高光、漸變和紋理的修飾，取而代之的是平面化的色塊與突出的文字信息。

微軟Metro UI

如果關(guān)注一下設(shè)計(jì)界正在發(fā)生什么，你會(huì)察覺(jué)到，目前圍繞擬物化設(shè)計(jì)（skeuomorphism） 和扁平化設(shè)計(jì)的討論正愈演愈烈。毫無(wú)疑問(wèn)，扁平化設(shè)計(jì)會(huì)是 2013年移動(dòng)應(yīng)用設(shè)計(jì)的13大精髓之一，無(wú)論是單就界面設(shè)計(jì)而言還是整體的App設(shè)計(jì)，扁平化設(shè)計(jì)都在2012年逐漸盛行起來(lái)，也成為了2013年最為顯著的趨勢(shì)。在越來(lái)越多的人開(kāi)始采用扁平化設(shè)計(jì)的同時(shí)，仍有不少人支持?jǐn)M物化設(shè)計(jì)，那么兩種設(shè)計(jì)風(fēng)格存在哪些優(yōu)勢(shì)與不足呢？

首先這里有一個(gè)簡(jiǎn)單的測(cè)試，你能分辨出下圖中，哪一副圖中的應(yīng)用采用了擬物化設(shè)計(jì)么？

2014年前端界面設(shè)計(jì)流行了很多小元素，其中小圖標(biāo)一定是的元素之一。圖標(biāo)古來(lái)有之，但通過(guò)設(shè)計(jì)師的不斷努力和適應(yīng)時(shí)代需求，圖標(biāo)視覺(jué)已經(jīng)發(fā)生了重大改變。

最近，空心圖標(biāo)和實(shí)心圖標(biāo)的討論變得激烈起來(lái)，有言論指出空心圖標(biāo)在視覺(jué)上比實(shí)心圖標(biāo)看起來(lái)更復(fù)雜，更容易讓用戶差生疲勞感和倦怠感。對(duì)此，設(shè)計(jì)師們都各抒己見(jiàn)，一部分人表示贊同這種說(shuō)法，而另一部分人則表示這樣的言論將問(wèn)題過(guò)分了放大化了，并且在證據(jù)方面有所欠缺。

圖標(biāo)也可以理解為是網(wǎng)站中的一種指引，是每個(gè)新用戶都會(huì)涉及到的元素，所以無(wú)論空心或?qū)嵭模粋€(gè)能夠令人一目了然，并且記憶深刻的圖標(biāo)才是用戶真正喜歡的圖標(biāo)。

看看下邊一些空心或?qū)嵭牡膱D標(biāo)案例，看看你更傾心于哪一款呢？

1.模糊背景上覆蓋著由簡(jiǎn)單線條、