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