2018年網(wǎng)頁設(shè)計的19種趨勢!(2)

資訊頻道 - 創(chuàng)意潮 來源:中國設(shè)計在線 作者:cdo 2018-03-23

    6

    至多主義的出現(xiàn)

    好的設(shè)計盡可能少設(shè)計。–Dieter Rams

    多年來,設(shè)計師最想聽到的最振奮人心的設(shè)計反饋,恐怕就是:“他很干凈!

    那是一個極簡主義的時代。深受Dieter Rams的設(shè)計原則,以及雜志《The Crystal Goblet》的影響,視覺設(shè)計師一直追求提供盡可能少的選擇和視覺干擾。

    對于當今生活在數(shù)字中的世界來說,極簡主義是一個全新且難得的經(jīng)歷,這個選擇很有意義。我們需要足夠放松以進入這個陌生的新世界。

    但是今天,我們也有類似于以下的網(wǎng)站:

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    Pin-Up Magazine

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    H. Lorenzo

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    Razzle Dazzle Torino

    所有的這些都力圖在你看到的那一刻就把所有東西都放入你的世界里。

    你可以稱之為一種野蠻主義,我也的確在Brutalist網(wǎng)站上發(fā)現(xiàn)了所有上述網(wǎng)站。但我們認為我們期待更多至多主義的網(wǎng)站的出現(xiàn),而在這之前你可能并不覺得這個網(wǎng)站會變成這樣。隨著數(shù)字技術(shù)的發(fā)展,一些網(wǎng)站會很自然的對用戶有更高的期待。

    7

    襯線字體能表現(xiàn)得更好

    在技術(shù)落后,字體并不多的糟糕過去,在網(wǎng)頁界面中使用無襯線字體是個很好的方法。但隨著屏幕和字體渲染技術(shù)得進步,我們可以看到越來越多精致得字體占據(jù)舞臺中心,或者至少成為了更重要的角色。

    以Kickstarter最新的設(shè)計為例,他運用了柔和的襯線:

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    在特定的日子里,Typewolf都會展示一些襯線的運用:

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    襯線能提供一種優(yōu)雅、精致的文學(xué)修飾效果,作為襯線的長期愛好者,我歡迎大家多多使用襯線。

    8

    浮動的導(dǎo)航菜單

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    固定的導(dǎo)航已經(jīng)成為以轉(zhuǎn)化為中心或具有龐大菜單的網(wǎng)站的主流,因為核心導(dǎo)航可在滑動時與用戶保持一致。不過浮動的導(dǎo)航使得用戶在滑動瀏覽時也能輕松使用,直接優(yōu)化了網(wǎng)站體驗。

    最近,我們注意到有些設(shè)計師將導(dǎo)航從其他設(shè)計中分離出來,并將其移動到瀏覽器的下方,進一步確定了用戶可以隨時接觸到導(dǎo)航。這增強了導(dǎo)航是網(wǎng)站的廣泛對象的感覺,不一定是某一頁的一個部分,而是放在一個觸手可及的地方,使人安心。

    最直觀的方法就是在導(dǎo)航欄中添加陰影,并將其移動到網(wǎng)頁的最頂端,以Reseau為例。但在平面的設(shè)計中也是可行的,以Anchor & Orbit為例。

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    與離線型設(shè)計類似,浮動的導(dǎo)航允許設(shè)計師在設(shè)計中自然地或帶有目的性地運用巧妙的并置,這又給設(shè)計帶來了更多的空間。

    9

    視頻元素

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    以下是幾點重要的原因:

    1.視頻元素可以無縫地切入設(shè)計中,無需嵌入Youtube或是Vimeo插件。

    2.即使有很多顏色,漸變和細節(jié),視頻地質(zhì)量依然很高,但如果GIF動圖不按大小以指數(shù)倍數(shù)放大,則很難做到。

    3.視頻可以循環(huán)以確保副本的細節(jié)和圖像的細節(jié)保持一致,并為有需要的人重復(fù)播放。

    所以從我們自己的網(wǎng)站到Stripe Sigma,當視頻元素風(fēng)靡整個網(wǎng)絡(luò)時,我們并不感到奇怪。

    10

    更多身臨其境的“多媒體”長格式

    當我們想要發(fā)布長格式的內(nèi)容時,只需在頁面上放置一個長文本字段,特別是當我們的長格式內(nèi)容有CMS支持時。其中,單個布局的內(nèi)容長度大概為200字到一篇較為詳細的短教程的長度。

    但現(xiàn)在一些設(shè)計師和作家并不采用這種方法,他們將布局和量身定制的副本結(jié)合起來,通過視頻、聲音、圖表和圖形、地圖等豐富的載體,娓娓道來故事的內(nèi)容。

    說實話,這并不是一個“新”趨勢,我更傾向于把它稱為網(wǎng)絡(luò)產(chǎn)生長期對話的基石。但現(xiàn)在所有的網(wǎng)絡(luò)出版工具都出現(xiàn)了,包括我們在內(nèi),2018年似乎都是最佳時機。

    以CNN講述全球變暖對格陵蘭島和全世界其他地區(qū)的影響為例。

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    這個故事盡可能地做到引人入勝,這對于很多還較為抽象的問題來說至關(guān)重要。它巧妙地將一個復(fù)雜的話題變成一系列便于理解的段落。你永遠都不會覺得內(nèi)容過于冗雜,相反你總是不知不覺就接受了,你發(fā)現(xiàn)自己閱讀每一個字,都很容易理解。

    請注意,我并不是批評CMS,事實上,我們可以利用CMS來提供這種體驗。這里只需要一點小技巧:利用背景圖片和視頻來傳遞所有的視覺效果,在編寫、設(shè)計時仔細檢查每一個故事的一致性。這就和“博客”的格式不大一樣了。

2018年網(wǎng)頁<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>的19種趨勢!

    如果你正在尋找更有吸引力的長形,我不會推薦紐約時報上由Tuam拍攝的“失落的兒童”。值得一提的是,這樣更為多樣化的長格式可以用破碎網(wǎng)格或者標準布局進行組合,正如上面的紐約時報片段所示。

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦