4月份網(wǎng)頁(yè)設(shè)計(jì)流行趨勢(shì)

2018-05-18 1344 0
這個(gè)月,三大趨勢(shì)每個(gè)都應(yīng)該都能引起一翻熱議。視覺效果看起來(lái)很酷,但可讀性和可用性?(每個(gè)網(wǎng)站設(shè)計(jì)師在進(jìn)行項(xiàng)目時(shí)都應(yīng)該問(wèn)的問(wèn)題)??茨阍趺纯创@些趨勢(shì),并自行決定(是否跟隨)。

 

這個(gè)月的設(shè)計(jì)趨勢(shì)為何:

下劃線顯示文本和元素

下劃線的文字是一種相當(dāng)意想不到的趨勢(shì)。幸運(yùn)的是,下劃線可不是平時(shí)見到的超鏈接或默認(rèn)設(shè)置中看到的標(biāo)準(zhǔn)下劃線。

下劃線的文字和元素趨勢(shì)使用顏色和線條來(lái)突出顯示特定信息并將焦點(diǎn)集中到某個(gè)內(nèi)容區(qū)域。使用下劃線的巧妙之處是能將筆畫與其他東西結(jié)合起來(lái),使之與不同的模塊無(wú)縫銜接。

判斷下劃線使用是否成功,需要讓它看起來(lái)是有目的有意為之,而非無(wú)意的多此一舉。過(guò)多使用下劃線可能會(huì)有分散注意力的弊端,甚至使文字感覺太緊或擁擠。但是在設(shè)計(jì)的一部分中適當(dāng)使用下劃線可以緩解這個(gè)問(wèn)題,同時(shí)引起對(duì)下劃線文字的注意。

Simon Lee Gallery 和Hoohaa Design 都使用一個(gè)簡(jiǎn)單的下劃線,使之有足夠的空間將眼睛拉到某些文字。對(duì)于Simon Lee Gellery,下劃線可幫助用戶將焦點(diǎn)放在設(shè)計(jì)中的一些最小字體中,并在滑塊中的下一個(gè)圖像加載時(shí)提供暫停點(diǎn)。對(duì)于Hoohaa Design,下劃線是平衡尺度圖形元素的一部分,其重點(diǎn)在于站點(diǎn)名稱。

Abel Design Group 采用另一種方式,橙色的線條實(shí)際上更像中心線而非下劃線,但是具有相似的用途 – 使文本與文之間產(chǎn)生關(guān)聯(lián)性。 

 

阻塞文字 OBSTRUCTED TEXT

設(shè)計(jì)有障礙物或難以閱讀的文本,相信不是你預(yù)期會(huì)在這個(gè)流行趨勢(shì)列表中看到的,但很多設(shè)計(jì)師卻正在玩這個(gè)概念。

這可能是一個(gè)有難度的技術(shù),許多設(shè)計(jì)師失敗了(或只是盲目的模仿(原文:and ended up as memes)),因?yàn)樽值脑O(shè)計(jì)沒能表達(dá)清楚主題。設(shè)計(jì)帶有障礙物的文本會(huì)引發(fā)一些自身的問(wèn)題,例如一個(gè)典型的情況是在響應(yīng)式框架上,由于不同斷點(diǎn)和移動(dòng),會(huì)導(dǎo)致失效。

障礙物可以覆蓋文本之上;或與文本配色相近,作為背景使之幾乎融入彼此之間的元件。

好吧,處理得當(dāng),它可以是一個(gè)非常醒目的設(shè)計(jì)。(如Root Studio,可能讓你很難不去注目于它有趣的設(shè)計(jì),這些字母上的鮮艷色彩和微妙的長(zhǎng)頸鹿動(dòng)作可謂令人著迷。)

為了使它起作用,你必須留意到如下一些細(xì)節(jié):

  • 確保這個(gè)詞很常見,通俗易性,這也是為什么“ROOT” 即使被檔,也不會(huì)有閱讀理解困難
  • 要簡(jiǎn)單明了,不要涵蓋太多的話語(yǔ)
  • 注意避免可能導(dǎo)致不必要的單詞歧義
  • 使用盡可能簡(jiǎn)潔的字體,以免字體的炫麗搶了障礙物的關(guān)注點(diǎn)
  • 保持設(shè)計(jì)的其余部分盡可能簡(jiǎn)單,以便用戶可以盡可能輕松地關(guān)注字詞并閱讀它
黑白藝術(shù) BLACK AND WHITE AESTHETIC

有時(shí)設(shè)計(jì)的發(fā)展趨勢(shì),尤其是當(dāng)它涉及到顏色會(huì)反映出創(chuàng)作者的心情。黑色和白色配色方案,近年來(lái)普遍趨向更深,更小,顏色更淺。(是因?yàn)榻鼇?lái)設(shè)計(jì)師感覺有些陰沉嗎?)

當(dāng)前版本的黑白設(shè)計(jì)趨勢(shì)與過(guò)去發(fā)生的不同之處在于,刻意去色彩不僅僅被用于攝影作品。以下示例包括家具設(shè)計(jì)公司,網(wǎng)站設(shè)計(jì)機(jī)構(gòu)以及關(guān)于心理健康的故事和信息的站點(diǎn)。

他們都有表現(xiàn)出類似的調(diào)調(diào),是因?yàn)榛?去彩色的風(fēng)格吧。

當(dāng)使用黑白創(chuàng)作時(shí),可能會(huì)擔(dān)心文本放置和可讀性,以及考慮如何在設(shè)計(jì)的某些部分包含顏色。這些處理得當(dāng),基于去彩色,設(shè)計(jì)師是可以努力創(chuàng)造一些有趣的東西的。

一種黑白設(shè)計(jì)的技術(shù)會(huì)越來(lái)越受青睞,那就是混合使用其他深色調(diào)的色彩。濃郁黑可以配搭一個(gè)紅色,藍(lán)色,綠色或其他顏色的底色,這樣有助于創(chuàng)造略微不同的基調(diào)。

當(dāng)查看有關(guān)Rich black (濃郁黑)HEX代碼時(shí),會(huì)發(fā)現(xiàn)它其實(shí)是由多種顏色組成。Hex#000000完全沒有顏色。真正的Rich black是#004040。還有什么是“更濃郁”的黑色。黑色可以作為黑白之間甚至是彩色設(shè)計(jì)元素的過(guò)渡。

例如,下面的Crafton使用豐富的黑色設(shè)計(jì),圍繞幽靈風(fēng)格按鈕和其他元素具有微妙的顏色搭配。由于這種顏色選擇,Rich black感覺比其他設(shè)計(jì)更溫暖和吸引人。雖然該網(wǎng)站在滾動(dòng)下面不包含大量顏色,但是由于主屏幕上的黑色和彩色元素的豐富性,所以有更多彩色的圖片和設(shè)計(jì)元素可以相當(dāng)無(wú)縫連接。

豐富的黑色或更豐富的黑色的另一個(gè)好處是它可以增強(qiáng)文本和背景元素之間的對(duì)比度,使一切都更容易閱讀。

結(jié)論

本月的所有趨勢(shì)設(shè)計(jì)使文本的閱讀難度比我們大多數(shù)人習(xí)慣要高一些。這些設(shè)計(jì)概念,要使用好還是有很高難度的,相信也只有某些項(xiàng)目可以有效。

 

 


7
評(píng)論區(qū)(0)
正在加載評(píng)論...