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

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

 

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

下劃線顯示文本和元素

下劃線的文字是一種相當意想不到的趨勢。幸運的是,下劃線可不是平時見到的超鏈接或默認設(shè)置中看到的標準下劃線。

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

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

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

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

 

阻塞文字 OBSTRUCTED TEXT

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

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

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

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

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

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

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

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

他們都有表現(xiàn)出類似的調(diào)調(diào),是因為基于去彩色的風格吧。

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

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

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

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

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

結(jié)論

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

 

 


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