俗話說(shuō):一切都是新的。這是真的在設(shè)計(jì)肯定。這個(gè)月的一些最大的趨勢(shì)在網(wǎng)頁(yè)設(shè)計(jì)不是那個(gè)新的。設(shè)計(jì)師正在重塑老式排版風(fēng)格,回到網(wǎng)格并重新思考主頁(yè)上的消息。
這是我們?cè)谶^(guò)去看到的視覺元素的有趣組合,并且可能會(huì)在未來(lái)再次看到。以下是本月的設(shè)計(jì)趨勢(shì):
1.舊學(xué)校版畫
更多的設(shè)計(jì)師正在采取老式的方法來(lái)顯示排版。已經(jīng)是超薄或濃縮的無(wú)襯線字體,更多的傳統(tǒng)類型樣式。舊式,現(xiàn)代和過(guò)渡襯線是新的顯示類型樣式。
這有點(diǎn)令人驚訝,實(shí)際上。多年。 “規(guī)則”一直是使用無(wú)襯線字體來(lái)提高可讀性,設(shè)計(jì)師做到這一點(diǎn),通常毫無(wú)疑問。新的使用襯線為大型 - 甚至一些較小的類型 - 是刷新和相當(dāng)可讀性。設(shè)計(jì)通常生活在一個(gè)最小的空間,所以類型不必競(jìng)爭(zhēng)注意和配對(duì)側(cè)重于在淺色背景上的黑色刻字。 (所有東西,有助于可讀性。)
不太了解這些類型樣式?這里有一個(gè)關(guān)于每個(gè)“新”老學(xué)校襯線的快速入門:
舊式:刻字有一個(gè)舊世界的氛圍,從一些黑色字母和哥特式風(fēng)格從印刷的早期繼承。 Letterforms經(jīng)常有小襯線(在較長(zhǎng)Stokes結(jié)束時(shí)的那些細(xì)小筆畫)和圓形。下面的RSQ是老式排版的完美展示。
現(xiàn)代:這種風(fēng)格的刻字在印刷設(shè)計(jì)中是很常見的,例如報(bào)紙和雜志,但是剛剛開始進(jìn)入web項(xiàng)目。現(xiàn)代襯線在每個(gè)字形中具有交替的粗和細(xì)行程寬度,有時(shí)具有大量的對(duì)比度。墨水+伏特,下面,使用一個(gè)美麗的現(xiàn)代襯線。但也要注意如何使用刻字。類型是在白色框內(nèi),以便每個(gè)字母的薄部分不會(huì)在視頻背景中丟失,這將限制可讀性。這是使用現(xiàn)代襯線的完美解決方案。
過(guò)渡:這些字母看起來(lái)很像現(xiàn)代襯線有一個(gè)大的區(qū)別 - 字母具有均勻的筆觸寬度。這使得傳統(tǒng)襯線更容易使用,因?yàn)樗鼈冊(cè)诟嗟脑O(shè)計(jì)情況下可以更加可讀。
不是所有的老式排版都屬于襯線類別。一些彈出的老式風(fēng)格只是提醒我們另一個(gè)時(shí)間,例如下面的“前端指南”使用的。時(shí)髦,傾斜,20世紀(jì)70年代末 - 80年代初的主題真的帶你到另一個(gè)時(shí)間和地點(diǎn)。 (這完全是老學(xué)校。)
2.定義的網(wǎng)格
有時(shí)你可以看到網(wǎng)格,有時(shí)你不能。無(wú)論哪種方式,實(shí)心網(wǎng)格是一個(gè)清潔有序,容易在眼睛上的設(shè)計(jì)的基礎(chǔ)。
更多定義的網(wǎng)格正在回歸。它的一部分可能來(lái)自材料設(shè)計(jì)的影響,其中有許多元素在整齊的列和行,其中一部分可能是移動(dòng)和重新排列元素在響應(yīng)框架中的容易。
無(wú)論如何,定義的網(wǎng)格可以看起來(lái)驚人的各種各樣的項(xiàng)目在幾乎任何屏幕上。使用定義的網(wǎng)格是很好的,它使生活真的很容易為設(shè)計(jì)師。一旦你得到了在網(wǎng)格內(nèi)工作的懸念,布局,尺寸和設(shè)計(jì)選項(xiàng)清楚地呈現(xiàn)給你自己。
使用定義的網(wǎng)格的竅門不是看起來(lái)太結(jié)構(gòu)化或過(guò)度網(wǎng)格化。對(duì)于許多設(shè)計(jì)師,這意味著在不同的“屏幕”上切換大小,如在元素網(wǎng)格上有一個(gè)全寬英雄圖像。優(yōu)雅海鷗“十年”頁(yè)面,下面這個(gè)很好。網(wǎng)站還在圖片的主頁(yè)上有微妙的網(wǎng)格,這是黑暗的任何神秘,導(dǎo)致你進(jìn)入神秘主題的網(wǎng)格頁(yè)面。下面的High Tide與網(wǎng)格塊上方的一個(gè)酷的介紹視頻類似。
但是一個(gè)網(wǎng)格可以被很好地定義,有點(diǎn)少了。下面的Zumtobel使用其名稱中的字母為特定的產(chǎn)品信息創(chuàng)建網(wǎng)格塊。只有懸停,你會(huì)看到完美尺寸的網(wǎng)格框,即使這些位置在一個(gè)干凈的網(wǎng)格中水平和垂直地理想地隔開。
你對(duì)網(wǎng)格的看法越多,你就越能通過(guò)設(shè)計(jì)師的眼睛看到它們。如果你不喜歡這個(gè)想法或創(chuàng)建自己的網(wǎng)站,你可以從一些常見的網(wǎng)格網(wǎng)格開始。訣竅是,你必須使用網(wǎng)格一致的真正的視覺成功。
3.最小消息上方“FOLD”
當(dāng)天的問題是這樣的:在卷軸上是否有足夠的信息感興趣,你足以繼續(xù)看網(wǎng)站? 這可能很難回答。 但是大量的設(shè)計(jì)師都抱怨你會(huì)點(diǎn)擊或滾動(dòng)的想法,即使屏幕上只有一個(gè)詞。
與其他視覺效果,如視頻,滾動(dòng)滑塊或誘人的產(chǎn)品顯示,用戶可能做到這一點(diǎn)。 但它可以是一個(gè)賭博,特別是與不包括導(dǎo)航菜單與最小的消息的設(shè)計(jì)。
然后是這樣:大量用戶通過(guò)頁(yè)面而不是首頁(yè)進(jìn)入網(wǎng)站,所以為什么不冒風(fēng)險(xiǎn)? 看看數(shù)據(jù)和點(diǎn)擊,看看會(huì)發(fā)生什么。
這是一個(gè)有趣的觀察趨勢(shì)之一。 它可以消失幾乎一樣快,因?yàn)樗呀?jīng)出現(xiàn),但有很多網(wǎng)站使用這種模式。