來源:派臣科技|時(shí)間:2020-06-10|瀏覽:次
有時(shí)網(wǎng)站設(shè)計(jì)的趨勢(shì)是強(qiáng)大的,并擊中你的臉;其他的則比較微妙,需要重新審視。這個(gè)月,你將會(huì)得到每個(gè)的一點(diǎn)點(diǎn)。
在我們的系列中,第一個(gè)趨勢(shì)是強(qiáng)烈和微妙的,趨勢(shì)2大多是微妙的,除非你對(duì)排版有敏銳的眼光,而趨勢(shì)3是全力以赴。
1. 強(qiáng)烈的英雄形象與微妙的文字
在這一趨勢(shì)中,強(qiáng)烈的和微妙的元素的對(duì)比和陰和陽的影響導(dǎo)致了一個(gè)奇妙的視覺效果。這些網(wǎng)站設(shè)計(jì)具有強(qiáng)大的英雄形象(或視頻)與微妙的排版吸引眼球,創(chuàng)造立即的陰謀。
強(qiáng)烈的圖像吸引你和文本元素的關(guān)鍵放在一個(gè)位置,移動(dòng)的眼睛通過圖像在屏幕周圍。
這些例子中的每一個(gè)都以不同的方式使用了這種趨勢(shì),但每一個(gè)都很吸引人,讓你想要跳入場景。大多數(shù)來自設(shè)計(jì)的“可讀”信息來自圖像或視覺表示。文本作為次要的信息元素。
這是一個(gè)相當(dāng)大的轉(zhuǎn)變,從許多超大字體和英雄的治療主導(dǎo)網(wǎng)站設(shè)計(jì)在過去幾年。簡單是難以置信的。
Makena Golf Club會(huì)用一個(gè)視頻短片記錄下你想去的地方。底部角落的文本元素不會(huì)改變,當(dāng)您查看圖像時(shí),它始終與您在一起。
TEDx TughlaqRd使用醒目的黑白圖像來繪制眼睛,用較小的文本元素來解釋您所看到的內(nèi)容。你甚至可以回過頭去看圖片,在看完文字后認(rèn)出那個(gè)標(biāo)志性的“x”。
《幸運(yùn)星》或許是這一趨勢(shì)最簡單的例子,但它給了你所需要的一切?;瑝K顯示有或沒有光污染的城市景觀。小文本元素用作標(biāo)識(shí)符。
2. 現(xiàn)代襯線
現(xiàn)代襯線字體可以通過在每個(gè)字母中使用不同的粗細(xì)筆畫來識(shí)別。印刷體風(fēng)格已經(jīng)在印刷作品中流行了幾十年,比如報(bào)紙和書籍,但現(xiàn)在作為一種可愛的網(wǎng)站類型選擇出現(xiàn)了。
2020年6月,閱讀3個(gè)基本設(shè)計(jì)趨勢(shì)
現(xiàn)代襯線最早出現(xiàn)于18世紀(jì)末,盡管許多襯線的粗細(xì)筆畫存在極大差異,但情況并非總是如此。當(dāng)用于網(wǎng)站項(xiàng)目時(shí),這種對(duì)比通常不太明顯。
這種排版趨勢(shì)現(xiàn)在可能正在出現(xiàn),因?yàn)槠聊环直媛首銐蚋?,可以支持它。像素化、背光和小尺寸?huì)使現(xiàn)代的連續(xù)劇在屏幕上閱讀有些困難。但更多的擔(dān)憂已經(jīng)消失。
如果你不確定從哪里開始使用襯線字體,Typewolf有一個(gè)很好的流行選項(xiàng)集合,可以在哪里找到它們。十大趨勢(shì)列表定期更新。
現(xiàn)代的serifs可以為項(xiàng)目注入很多個(gè)性元素,幾乎是它們自己的藝術(shù)元素。請(qǐng)注意下面的每個(gè)示例如何使用排版作為屏幕上的主導(dǎo)元素。
Altermind具有強(qiáng)大的現(xiàn)代serif中心的品牌和識(shí)別與微妙但有趣的背景。黑色背景上的白色文本是經(jīng)典的,并鼓勵(lì)可讀性。
Widr Pay將現(xiàn)代襯線與超時(shí)尚的明亮背景結(jié)合在一起,形成了超級(jí)現(xiàn)代(可能還有一點(diǎn)復(fù)古)的風(fēng)格。這種對(duì)比引起了對(duì)堆疊文本元素的注意。
托馬斯·博斯克在一幅圖像上使用了文字疊加——誠然,在可讀性方面有些挑戰(zhàn)——來吸引用戶進(jìn)入他的作品集。動(dòng)畫懸停技巧值得一試。(他的臉拉到了正文的前面。)
3.野獸派藝術(shù)的影響
野獸派是那些網(wǎng)站設(shè)計(jì)的趨勢(shì)之一,它似乎出現(xiàn)了,然后又消失了。這些設(shè)計(jì)可能是苛刻和令人生畏的。你只需要合適的內(nèi)容就可以了。
下面的例子表明,使用野獸派的影響可以是一個(gè)可行的中間立場,或幫助創(chuàng)建一個(gè)不那么花哨的美學(xué),是一個(gè)更友好的用戶。
這里的影響包括四四方方的,鮮明的字體風(fēng)格以及單一的字體;可見像素和銳利邊緣;黑暗的配色方案;而且?guī)缀跏枪收蟿?dòng)畫。
不管你是不是野獸派的粉絲,你都可以欣賞這些作品中的元素。
WeThem。美國使用了一個(gè)80年代游戲化和電影主題的視頻。所有的東西都是銳利和低分辨率的,除了主導(dǎo)航欄之外,沒有真正的類型元素,直到信用屏幕結(jié)束。這個(gè)例子展示的是這種風(fēng)格可以傳達(dá)的情感/世代的聯(lián)系。
重新發(fā)布很有趣,因?yàn)槠聊簧系淖煮w并不是真正的野獸派,但信息的顯示和組織卻是。這是一種巧妙的方式來使用野獸派的概念,而不是用這個(gè)設(shè)計(jì)主題壓倒用戶。
設(shè)計(jì)藝術(shù)節(jié)是最殘酷的例子,但有現(xiàn)代主義的暗示,脆,圓圓的中心動(dòng)畫。它不是完全的野獸派,但很接近。滾動(dòng)條下面的信息使用的是monospace字體,但以黑白為主的美學(xué)是干凈和清晰的,遠(yuǎn)沒有主頁上的英雄區(qū)域那么突兀。
結(jié)論
在研究網(wǎng)站設(shè)計(jì)趨勢(shì)時(shí),最有趣的事情之一就是看有多少元素是重疊的。注意,現(xiàn)代襯線與強(qiáng)大的英雄/微妙的文字趨勢(shì)。請(qǐng)注意,現(xiàn)代serif趨勢(shì)中的一些文本元素并不像我們最近看到的那樣超大和粗體。
這樣的設(shè)計(jì)趨勢(shì)很好,因?yàn)樗鼈兪峭ㄓ玫暮涂捎玫?。雖然我們現(xiàn)在還沒有看到很多徹底的改變,但這些調(diào)整是鼓舞人心和有趣的。