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

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

1. 文本高亮和下劃線

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

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

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

這種設(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)，成為趨勢元素。這種迭代非常簡單:使用獨特的幾何圖形作為整體美學的一部分。

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

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

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

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

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

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

3.陰影和漸變圖標

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

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

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

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

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

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

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

結(jié)論

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

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