我們這個月談?wù)摰淖畲筅厔菔加谔O果在WWDC上展示了他們操作系統(tǒng)的下一個版本。這一次有一個獨特的設(shè)計元素。你抓到它了嗎?

以下是本月的設(shè)計趨勢。

1. 文本高亮和下劃線

在網(wǎng)站設(shè)計中，有一條不成文的規(guī)則，即文本使用更簡潔的樣式。粗體是可以接受的，斜體有時也可以，但下劃線很少使用。

這種設(shè)計趨勢與使用高亮或下劃線強調(diào)關(guān)鍵詞的文本元素的概念相反。它工作得很好。

這需要大量的對比和適合下劃線或高亮元素的設(shè)計風(fēng)格。

這種設(shè)計趨勢的成功得益于清晰的意圖。文字顯然對設(shè)計的整體意義很重要，對訪問者應(yīng)該從內(nèi)容中得到什么也很重要。

它使用了一個俏皮的下劃線，字母似乎休息在里面，以突出一個關(guān)鍵短語。形狀和顏色也模仿了下面較大的按鈕，幫助眼睛從一個元素移動到下一個元素。這是下劃線(或者你可以稱之為高亮)與品牌顏色結(jié)合使用的有效效果。

Zappos的孩子們在彩色方案中使用有趣的高亮部分來突出關(guān)鍵的文本元素。它看起來就像一個按鈕，幫助網(wǎng)站訪問者理解整個英雄圖像區(qū)域是可以點擊的。突出顯示的作用是使文本更具可讀性，交互元素更具功能性。

Zeus Jones在主頁上使用了多種文本處理方法，但下劃線是最引人注目的，可能是因為它在網(wǎng)站設(shè)計中是最不常見的。

2. 不同的幾何形狀

幾何形狀在網(wǎng)站設(shè)計中以各種形式出現(xiàn)，成為趨勢元素。這種迭代非常簡單:使用獨特的幾何圖形作為整體美學(xué)的一部分。

幾何圖形可能與插圖、照片、文本或背景或前景配對。形狀的偉大之處在于它們是萬能的，可以與許多其他設(shè)計模式一起工作。

形狀和設(shè)計中最具挑戰(zhàn)性的是，獨特的幾何形狀需要一些空間和思考。在設(shè)計中毫無理由地使用一些三角形或矩形看起來會很奇怪。

那么，如何在設(shè)計中添加幾何形狀，使它們看起來有意為之呢?這些例子很好地做到了這一點(通過三種不同的方式)。

馬睿在模塊化網(wǎng)格中使用了方形和矩形容器，每個容器內(nèi)都有組合項目。這是幾何圖形最常見和最適用的用法之一——作為容器元素。使它脫穎而出的是圓圈，笑臉輪(也是一個幾何形狀)，它從來沒有離開過屏幕的中心。網(wǎng)格的黑色背景也是內(nèi)容塊的一個很好的對比元素。

Thompson Stenning在背景中使用形狀和插圖來創(chuàng)建一個令人驚嘆的主頁視覺。它很大，很大膽，有足夠多的情節(jié)，你想看它，找出場景。也許這個視覺概念最吸引人的地方是它使用了許多幾何形狀——矩形、正方形、三角形、廣告圓——而大多數(shù)項目只關(guān)注一個形狀。

Romain Penchenat使用三維風(fēng)格的角度來吸引你進入作品集網(wǎng)站。他們使用一個簡單的動畫“漂浮”在主頁上，并跟隨滾動與其他幾何元素。

3.陰影和漸變圖標(biāo)

你注意到iOS 14預(yù)覽圖片中圖標(biāo)的漸變和細(xì)微的陰影了嗎?或者你只是在查看iPhone屏幕上的其他變化(比如小部件)?

一段時間以來，我們看到越來越多的設(shè)計師在圖標(biāo)中加入更多的陰影和深度，但這一設(shè)計領(lǐng)域的主要參與者將把它推向前沿。每個圖標(biāo)從一個平面風(fēng)格移動到一個有背景梯度顏色和更多的陰影圖標(biāo)元素的深度。

不用擔(dān)心，這個設(shè)計看起來還是很像蘋果，但是有點像iOS早期版本的擬物化風(fēng)格圖標(biāo)。

顏色和陰影元素包含在每個圖標(biāo)中是很好的。這為每個元素創(chuàng)造了更多的視覺興趣和深度，而不會變得雜亂或垃圾。漸變也是超級簡單的，在一個單調(diào)的元素中使用主色的一個較暗的版本。

這是一種其他人已經(jīng)在使用的圖像風(fēng)格。DG Studio在主頁上有一組圖標(biāo)，在設(shè)計中有微妙的漸變和陰影。同樣，這個趨勢的好處是它增加了視覺的深度，而沒有妨礙視覺理解的技巧。

Guillaume Gouessan在圖像圖標(biāo)中使用的漸變方式與前面的例子非常相似，但是顏色的變化稍微多一些。在這里，你可以看到當(dāng)使用顏色變化時，漸變看起來是什么樣子的，不是非常劇烈的，但比單調(diào)的選項更戲劇性。你可以在他的網(wǎng)站上的大書桌圖片的滾動下方找到一些更單調(diào)的漸變。(點擊幾下絕對值得一試。)

愛它或恨它，梯度和陰影似乎在這里停留了一段時間。

結(jié)論

你發(fā)現(xiàn)自己有多經(jīng)常尋找大品牌和公司的設(shè)計靈感?雖然很多網(wǎng)站設(shè)計趨勢都是從小網(wǎng)站開始的，但大公司確實可以決定哪些網(wǎng)站流行(或者不流行)。

蘋果移動到有更多陰影和漸變的圖標(biāo)的例子就是一個很好的例子。一段時間以來，我們看到越來越多的這樣的元素悄然出現(xiàn)，但這種風(fēng)格即將再次變得非常大。