22個“關(guān)于我們”創(chuàng)意網(wǎng)頁設(shè)計(2)

設(shè)計頻道 - 網(wǎng)頁設(shè)計 來源:中國設(shè)計在線 作者:cdo 2015-10-28


12. 大膽的用色和超大的團(tuán)隊(duì)照片


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


如果你想讓你的設(shè)計更加突出更有影響力,不妨試著讓一些元素更大,讓配色更加亮眼。正如Mixd 所設(shè)計的,用高清的團(tuán)隊(duì)成員大圖來突出每個成員的存在感,加上高對比度的色彩搭配,整個設(shè)計看起來也非常不錯。值得注意的是,挑選合適的元素放大,不要全都放大,這樣就沒有重心了。

13. 時尚的圖片和簡約的布局


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


Kingdom Coffee and Cycles 的整個設(shè)計可以說是現(xiàn)代風(fēng)設(shè)計的典范,布局簡單,時尚的圖片,干凈整齊,色彩明亮。圖片是整個頁面的視覺設(shè)計的重心,圖片、視頻、地圖的混合搭配消解了頁面的單調(diào)和簡單的特質(zhì)。技巧上,設(shè)計師使用了團(tuán)隊(duì)的Instagram的作品做成拼貼置于頁面底部,看起來也非常時尚有趣。

14. 簡潔的圖形和鋒銳的線條


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


這種類型的網(wǎng)頁設(shè)計走的是時尚現(xiàn)代風(fēng),干凈的外觀,輕量級的圖片選取,大量的留白和整齊的排版,非常專業(yè)也非常的養(yǎng)眼,堪稱完美的框架可以承載多種多樣的內(nèi)容。同時,這個頁面的設(shè)計案例也同樣展現(xiàn)出留白的重要性。

15. 大膽的提亮色和高亮信息

一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


6tematik 的關(guān)于我們頁面設(shè)計非常有意思。黑白配色永遠(yuǎn)不會過時,但是在某些情況下黑白并不足以滿足全部的需求,這個頁面就使用了高飽和度的紅色來藍(lán)色來作為提亮色,大膽而有效。要注意的地方在于,你高亮的信息越多,高亮的效果就越差,因?yàn)楦吡恋牡胤皆蕉,用戶越難于發(fā)現(xiàn)真正重要的地方。所以,你要做的是標(biāo)記出真正重要的事情。

16. 大留白和小元素


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


大和小在很多情況下都是對比出來的。Margin 通常指的是主體周圍的邊緣、留白和邊界。較小的邊界可以讓主體更有張力,覆蓋更大的范圍。但是Alfred 的關(guān)于我們頁面并沒有這么做,大量的留白、寬廣的邊緣讓整個頁面看起來文藝氣息十足,簡約而輕松。雖然這樣的設(shè)計并不常規(guī),但是也正是這種非常規(guī)的設(shè)計讓整個頁面充滿了獨(dú)特的風(fēng)格與調(diào)性。

17. 獨(dú)特的字體和個性化的檔案



一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


獨(dú)特的手寫字體賦予Big Cartel的頁面以一種不同凡響的張力,雖然簡單,但是讓設(shè)計大放異彩。個性化的員工檔案同上方別具一格的字體一樣獨(dú)特,參差多態(tài)的設(shè)計讓整個頁面在氣息上保持了一致性。當(dāng)你點(diǎn)擊員工頭像的播放按鍵的時候,會播放一段頗有性格的視頻,獨(dú)樹一幟。

18. 模塊化布局和溫暖的色彩


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


當(dāng)你看到這個頁面的時候,我想你也會注意到它獨(dú)特的設(shè)計:頁面的區(qū)塊是精心分割出來的,從上到下每一塊的內(nèi)容都會承上啟下,上一塊引出下一塊,就像梯子一樣。這樣一來,模塊化的頁面也顯得很有條理,整齊而又自由。頁面的配色和用圖也是非常講究的,黑白的基調(diào)配合溫暖的棕色,創(chuàng)造出溫馨的氛圍。

19. 醒目的色彩和大膽的圖片



一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


Visionaire的用色簡直是大膽的典型,紅色Banner的使用極為抓人眼球,還和品牌用色相互呼應(yīng)。錯落的排版和別具一格的圖片使用讓用戶不會輕易忘記這個不同一般的網(wǎng)站。信息圖的使用也是這個關(guān)于我們頁面的特色。

20. 強(qiáng)對比和復(fù)古插畫


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


Woah Nelly Catering 的關(guān)于我們頁面并沒有追隨最流行的設(shè)計手法,而是采用了溫暖懷舊的色調(diào)和設(shè)計元素來營造氛圍,鮮艷漂亮的插畫不僅讓頁面充滿活力,而且也簡單直觀。復(fù)古插畫的微妙之處在于其中添加了紋理,讓它質(zhì)感非常不錯,這也讓白底黑字的元素可以更加顯眼突出,構(gòu)成對比。

21. 整潔的配色和均衡的排版


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


漂亮的無襯線字體、均衡的排版和均勻光潔的配色讓EB Pearls 的關(guān)于我們頁面看起來專業(yè)無比。合理的留白和淺色的圖片的使用給人一種優(yōu)雅的感覺。

22. 柔和的色彩和簡單的插畫


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


很多時候設(shè)計并不是越復(fù)雜越好,EVA Black Design的關(guān)于我們頁面使用簡單的設(shè)計反而更容易營造時尚現(xiàn)代的感覺。簡約的暖色調(diào)圖片同黑白灰配合在一起,給人以柔和的感覺,點(diǎn)綴以簡單的插畫,讓整個頁面在整飭的設(shè)計之下還擁有了些許個性。

23. 動效和富有沖擊力的排版


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


想讓你的設(shè)計栩栩如生富于生命力?那么讓它們動起來好了!用短視頻替代圖片,或者使用GIF圖片,這也都是目前流行的設(shè)計手法。純黑色的文本和紅色的元素的使用,讓整個頁面充滿了個性,也讓排版充滿了沖擊力。

24. 創(chuàng)意排版和吸引力十足的圖片


一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


圖片居中的獨(dú)特排版是這個關(guān)于我們頁面的有趣之處,而團(tuán)隊(duì)成員的照片也正好居于這樣的位置,這使得兩邊的檔案信息排版需要向中間對齊。復(fù)古元素和配色的使用則支撐起了整個頁面的設(shè)計,值得學(xué)習(xí)哦。

25. 大膽的布局和色彩濾鏡

一組走心又獨(dú)特的”關(guān)于我們”頁面<a href=http://www.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>(上)


大膽使用獨(dú)特的、先鋒的布局是令人難忘的重要手段,同時搭配以個性十足的配色,效果絕對不錯。干凈的無襯線體的選擇,色彩濾鏡下的圖片,都是這個關(guān)于我們頁面的突出之處。

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

全部評論

暫無相關(guān)推薦