驕陽(yáng)如火，陣雨連連，不得不宅在室內(nèi)的局面，似乎讓百無(wú)聊賴(lài)的設(shè)計(jì)師更有時(shí)間在設(shè)計(jì)細(xì)節(jié)上投注更多的精力。不知道是不是夏日不適合做極簡(jiǎn)風(fēng)的設(shè)計(jì)，更多設(shè)計(jì)師在過(guò)去一個(gè)月的設(shè)計(jì)中更傾向于在設(shè)計(jì)中加入更多的個(gè)性化的元素，這也使得我們?cè)谠S多乍一看很極簡(jiǎn)的網(wǎng)頁(yè)中，發(fā)現(xiàn)許多有趣的細(xì)節(jié)。下面我們要聊的三個(gè)設(shè)計(jì)趨勢(shì)，可能會(huì)在炎熱的8月中悄然流行。
超細(xì)字體排版又回來(lái)了!在iOS7 剛剛問(wèn)世的時(shí)候，它最矚目的就是高飽和度的色彩、扁平化的設(shè)計(jì)以及這獨(dú)特的超細(xì)的字體設(shè)計(jì)。
在那個(gè)扁平化剛剛興起的階段，蘋(píng)果所推出的這款在Helvetica 基礎(chǔ)上演變而來(lái)的超細(xì)字體和當(dāng)時(shí)的扁平化設(shè)計(jì)結(jié)合在一起的時(shí)候，在可讀性上還不夠優(yōu)秀。隨后不久，更加大膽、相對(duì)更粗的字體開(kāi)始占據(jù)字體排版的主流，甚至蘋(píng)果也推出了可讀性更優(yōu)秀、更粗的San Francisco 字體。
不過(guò)，潮流和趨勢(shì)這件事，總不能按照常理來(lái)推斷。大概是設(shè)計(jì)師開(kāi)始大幅度地厭倦棱角分明粗重大膽的字體，更為纖細(xì)的字體開(kāi)始高頻率地出現(xiàn)在網(wǎng)頁(yè)的Banner 和排版元素當(dāng)中。
選擇更纖細(xì)的字體作為Banner 等展示性的組件的字體，設(shè)計(jì)師擁有了更大的空間。值得注意的是，它并不適合作為正文字體，如果非要使用，字體字號(hào)也需要適當(dāng)?shù)奶岣摺?
下面的案例展示了超細(xì)字體的正確使用方法：
使用全大寫(xiě)的抄襲字體來(lái)創(chuàng)造氣場(chǎng)突出的標(biāo)題。不過(guò)，最好是像下面的Luxury African Safaris 這樣僅僅使用不多的幾個(gè)單詞。不過(guò)你需要注意一點(diǎn)，許多單詞全大寫(xiě)的情況下，可讀性相對(duì)較差。
將較粗的字體和纖細(xì)的字體搭配起來(lái)使用，比如下面的WebDesignStudio，創(chuàng)造出視覺(jué)上的對(duì)比。
字體和背景的顏色要保持較高的對(duì)比度，起到強(qiáng)調(diào)的作用，比如下面的 Leeds Golf Centre 網(wǎng)站。
如果你能打開(kāi)Google Fonts，那么你可以試試下面的5種字體：Source Sans Pro, Dosis, Scope One, Rajdhani, Martel Sans.
精致的細(xì)節(jié)在任何時(shí)候都不會(huì)讓人太過(guò)反感，而精致的排版常常能夠以細(xì)致協(xié)調(diào)的細(xì)節(jié)讓用戶(hù)從中獲得愉悅感。創(chuàng)造精致細(xì)節(jié)的竅門(mén)在于，它們?cè)诒辉O(shè)計(jì)地很漂亮的同時(shí)，最好還要讓用戶(hù)感覺(jué)簡(jiǎn)單，這意味著它們必須設(shè)計(jì)得易于理解和使用。
細(xì)節(jié)是最能體現(xiàn)個(gè)性和風(fēng)格的地方。構(gòu)成細(xì)節(jié)的元素涵蓋的類(lèi)型多樣，可以針對(duì)品牌個(gè)性，有意識(shí)地從網(wǎng)頁(yè)、APP到印刷品都一致統(tǒng)一地呈現(xiàn)出品牌特征。
細(xì)節(jié)呈現(xiàn)的方式很多，它們應(yīng)該共同地促成整體的效果，而不是互相干涉，減損整體感。細(xì)節(jié)當(dāng)從不同的實(shí)例中凸顯，且不會(huì)讓用戶(hù)信息過(guò)載。某些精心制作的細(xì)節(jié)可能會(huì)與整體相互沖突，應(yīng)該有意識(shí)地規(guī)避這個(gè)問(wèn)題。
下面的The Forefathers Group 網(wǎng)站就使用了風(fēng)格老派的徽章來(lái)強(qiáng)化細(xì)節(jié)，此外，還借助多樣的點(diǎn)綴讓整個(gè)網(wǎng)站的信息量有所提升。有趣的襯線(xiàn)體字體搭配背景的圖片，整個(gè)設(shè)計(jì)呈現(xiàn)出一種復(fù)古的美感。這些元素的組合恰到好處，如果文本內(nèi)容再多一些，反而可能存在可讀性的問(wèn)題，這樣也阻礙了信息的傳達(dá)。
Vitra Task Chairs 這個(gè)網(wǎng)站則使用動(dòng)畫(huà)來(lái)吸引用戶(hù)，整個(gè)設(shè)計(jì)結(jié)構(gòu)清晰簡(jiǎn)約，右下角的區(qū)塊排版精致，橫向可拖動(dòng)，讓用戶(hù)以非常規(guī)的方式打開(kāi)產(chǎn)品線(xiàn)列表也算是一種獨(dú)特的體驗(yàn)。整個(gè)設(shè)計(jì)簡(jiǎn)單而有趣，即使你沒(méi)打算買(mǎi)椅子，在這里看看也是很不錯(cuò)的體驗(yàn)。
有時(shí)候，最精致的設(shè)計(jì)是不需要特效支撐的。Only Kite School 這個(gè)網(wǎng)站就純是以L(fǎng)OGO和排版來(lái)取勝的，雖然簡(jiǎn)單的可讀性和功能性都很強(qiáng)，精美的設(shè)計(jì)就讓你愛(ài)不釋手了，就沒(méi)有必要用特效了。
圖標(biāo)和LOGO是兩種不同的東西，但是現(xiàn)在兩者之間的交叉點(diǎn)越來(lái)也多，界限也越發(fā)的模糊。極簡(jiǎn)風(fēng)格的圖標(biāo)式LOGO開(kāi)始越來(lái)越多地出現(xiàn)在各種APP和網(wǎng)站當(dāng)中，其中多采用多彩的配色，線(xiàn)條風(fēng)格的設(shè)計(jì)居多。圖標(biāo)式LOGO 可以廣泛地適配從網(wǎng)站到社交媒體，這也算是這種設(shè)計(jì)的獨(dú)到之處。
而圖標(biāo)式LOGO的缺陷則在于，它無(wú)法單獨(dú)承載企業(yè)和品牌的名稱(chēng)，所以，它們通常是同獨(dú)立的品牌名稱(chēng)或者其他的文本搭配起來(lái)使用，比如下面的 District0x。
而下面的Jardan Furniture 和 Nobbys Lighthouse 兩個(gè)網(wǎng)站則選擇了更為簡(jiǎn)約的圖標(biāo)LOGO樣式，雖然這樣無(wú)法傳遞更為復(fù)雜的信息，但是形式感反而更強(qiáng)，也更容易讓人記住。
結(jié)語(yǔ)
趨勢(shì)大多是這樣，興衰隨著時(shí)間的推移快速的變化。它們揭示了潮流的走向，幫你做設(shè)計(jì)的時(shí)候選擇更符合時(shí)下需求的手法和技巧。不要沉迷于趨勢(shì)，它們之后會(huì)消退;也不要忽略趨勢(shì)，因?yàn)樗鼈冊(cè)诖丝?，依然是很多人的選擇，可能更貼合大眾的喜好。
以上就是類(lèi)似于2017受歡迎的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的內(nèi)容，如果想要了解關(guān)于淘寶網(wǎng)店怎么優(yōu)化及app網(wǎng)頁(yè)設(shè)計(jì)，可直接點(diǎn)擊查看
