有那么一段時(shí)間,設(shè)計(jì)師都很中意所有微妙而精致的事物。我們喜愛(ài)精致紋理的背景以及錯(cuò)綜復(fù)雜的裝飾元素,甚至對(duì)柔和的色彩搭配入迷。
我們?cè)?jīng)忘記如何大膽的展示自己,但是現(xiàn)在那種豪放的感覺(jué)似乎又回潮了。由于小型設(shè)備的普及(比如平板和智能手機(jī)),確保你的作品能被清楚地看見(jiàn)是很重要的。有什么比使用大膽的元素更好的辦法嗎?
創(chuàng)建一個(gè)吸引眼球的網(wǎng)站,需要從布局開始,延伸到網(wǎng)頁(yè)色彩搭配以及字體尺寸。有些人會(huì)選擇將所有的零件或者某些部分用來(lái)創(chuàng)造一個(gè)需要被關(guān)注又容易瀏 覽的網(wǎng)站。雖然這個(gè)有點(diǎn)隨大流,但是它是一個(gè)很棒的技巧,因?yàn)槟阆M愕挠^眾記住你的網(wǎng)站,并且你也希望他們能將你的網(wǎng)站的作用發(fā)揮到極致。這不就是好設(shè) 計(jì)的關(guān)鍵嗎?
延伸閱讀
典藏推薦!101個(gè)鮮為人知的超實(shí)用網(wǎng)站
網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì):來(lái)嘗鮮多邊形風(fēng)格設(shè)計(jì)吧(附制作多邊形圖像的網(wǎng)頁(yè)工具)
1984 London
耐克鞋能賣的這么火是因?yàn)樗麄兛偸悄軐r(shí)尚與文化完美結(jié)合。幾乎每一雙尼克鞋都有一點(diǎn)自己的歷史。這個(gè)網(wǎng)站就展示了這些與倫敦有關(guān)的鞋子。
Blast Processor
這個(gè)創(chuàng)意機(jī)構(gòu)是靠為移動(dòng)設(shè)備創(chuàng)造應(yīng)用程序吃飯的。他們?cè)O(shè)計(jì)了這個(gè)可以在任何移動(dòng)設(shè)備上輕松瀏覽的網(wǎng)站。還有比這更能顯示他們團(tuán)隊(duì)專業(yè)性的方式嗎?這個(gè)網(wǎng)站采用簡(jiǎn)約大膽的設(shè)計(jì)風(fēng)格,確保了它的自適應(yīng)性和清晰度。
CAU
任何東西你都可以為它找到合適的定位。令他們感到自豪的不只是他們美妙的菜肴,還有獨(dú)特的菜單。他們放肆的展示風(fēng)格不僅使顧客感到賞心悅目,同時(shí)也最大程度地刺激顧客的味蕾。
Chris Boddy
Chris采用一種簡(jiǎn)單而又大膽的方式,將他過(guò)去的工作經(jīng)驗(yàn)展示了出來(lái)。盡管他使用了柔和的顏色和一些精致的元素,但是他使用巨大的標(biāo)題來(lái)將瀏覽者的注意力轉(zhuǎn)移到網(wǎng)站最值得關(guān)注度內(nèi)容上。
Corona Radiata
如果總管網(wǎng)頁(yè)設(shè)計(jì),你會(huì)發(fā)現(xiàn)很多機(jī)構(gòu)都在做同意的事情。柔和的顏色,無(wú)襯線字體,還有其他微妙的元素。Corona Radiata卻用了截然相反的風(fēng)格,采用大膽明亮的色彩搭配以及漂亮的襯線字體。實(shí)在讓人喜愛(ài)。
Diehl Group Architects
很少看見(jiàn)建筑師或者建筑公司擁有漂亮的網(wǎng)站。他們通常會(huì)采用規(guī)矩而嚴(yán)謹(jǐn)?shù)娘L(fēng)格。Diehl Group打破了這個(gè)模式,向我們展示了一個(gè)采用全尺寸圖像、大標(biāo)題和大圖標(biāo)的別具一格的網(wǎng)站。
Don’t Talk to Robots
這又是一個(gè)不拘泥于小節(jié)的創(chuàng)意作品集。雖然它的色調(diào)搭配并不夸張,但是標(biāo)題和圖標(biāo)還是非常引人注意的。這個(gè)家伙一點(diǎn)也含蓄。
Everything You Need to Know About Design on the Web
每個(gè)人(包括你自己)都會(huì)告訴你在一個(gè)登陸頁(yè)面的上半部分版面需要有一些視覺(jué)元素點(diǎn)綴,而下半部分的版面則需要更多。Piccsy創(chuàng)建的這個(gè)登陸頁(yè)面突破了常規(guī)。除此之外,他們還選擇了非常吸引人眼球的顏色。
GoodTwin
GoodTwin是一個(gè)以為顧客創(chuàng)造體驗(yàn)為主旨的電子機(jī)構(gòu)。這個(gè)網(wǎng)站最讓人喜歡的是它與眾不同的呈現(xiàn)方式。許多機(jī)構(gòu)都喜歡將頁(yè)面簡(jiǎn)約抽象,而這個(gè)網(wǎng)站卻使用了很多圖像效果以及移動(dòng)的元素。
Manos
剛開始,你可能會(huì)覺(jué)得Manos一點(diǎn)也不符合我們今天的主題。它的色彩搭配并不特別,也沒(méi)有太多的其他元素。但是,這個(gè)網(wǎng)站完美地將你在其他網(wǎng)站也看得到的東西大膽地結(jié)合起來(lái)。巨大的圖標(biāo)和副本使這個(gè)網(wǎng)站更突出。
Ryan Michael Kelly
Ryan Michael Kelly是一位專業(yè)攝影師和電影制作,同時(shí)熟悉時(shí)尚領(lǐng)域。他的網(wǎng)站呈現(xiàn)一種近乎放肆的姿態(tài),讓人過(guò)目不忘。頁(yè)面的布局很獨(dú)特,也完美的展示了他的作品。
Joan Pons Moll
要設(shè)計(jì)一個(gè)作品集網(wǎng)站,最關(guān)鍵的就是確定以什么方式展示自己的作品。有很多已經(jīng)設(shè)計(jì)好的布局方式,但是你總會(huì)想要設(shè)計(jì)一個(gè)專屬于自己的作品集。Joan Pons Moll設(shè)計(jì)了一個(gè)非常獨(dú)特的布局,向觀眾呈現(xiàn)她的專業(yè)技能以及她的作品。
John Dierks
John Dierks似乎有他獨(dú)特的瘋狂模式。他對(duì)于自己項(xiàng)目的理解很獨(dú)到。這個(gè)網(wǎng)站的設(shè)計(jì)從頭到尾都很豪放——加粗放大的字體,還有沖撞的色彩搭配。這也是一個(gè)讓人難以忘懷的網(wǎng)站。
Life in Greenville
一些在美國(guó)南卡羅萊納州Greenville的居民為自己熱愛(ài)的這座城市設(shè)計(jì)了一個(gè)網(wǎng)站。大部分旅游網(wǎng)站都充斥了大量的文字,但是這個(gè)網(wǎng)站卻關(guān)注于 Greenville最主要的部分?,F(xiàn)在,由于網(wǎng)站并不需要太多文字,他們決定使用不同于傳統(tǒng)的方式來(lái)填充網(wǎng)站的空間。這也使得這座城市更加引人注意。
Michel Doudin
記不記得我們剛剛才討論完如何展示作品集?看起來(lái)Michel深諳此道,他通過(guò)適當(dāng)?shù)恼故痉绞匠浞值恼宫F(xiàn)了他的技能。這個(gè)網(wǎng)站不僅因?yàn)樗娘L(fēng)格而被人記住,也因?yàn)樗麧嵉膶?dǎo)航設(shè)計(jì)讓人覺(jué)得耳目一新。
MODE
想要設(shè)計(jì)一個(gè)顯眼的網(wǎng)站,秘訣就是要適當(dāng)?shù)氖褂眯涯康脑亍H绻W(wǎng)站上所有內(nèi)容都是同一個(gè)模式,就會(huì)變得無(wú)聊。Mode覺(jué)得將它使用在一個(gè)特定的地方,也是最最重要的部分——那就是作品集。
Red Antler
網(wǎng)頁(yè)的布局能通過(guò)創(chuàng)建重點(diǎn)和層次結(jié)構(gòu)來(lái)告訴觀眾該如何閱讀和點(diǎn)擊。Red Antler設(shè)計(jì)了一個(gè)實(shí)用且平衡的布局。加粗的字體和醒目的顏色都用得恰到好處。
Sagacify
第一眼看這個(gè)網(wǎng)站會(huì)覺(jué)得有些無(wú)聊,有些太直接了。你會(huì)看到他們的基本信息,他們的工作,以及聯(lián)系方式。但是如果你多玩玩這個(gè)網(wǎng)站,你就會(huì)發(fā)現(xiàn)很多小秘密。它的表現(xiàn)方式是非常棒的。
Stitch Fix
Stitch Fix是一個(gè)提升穿著風(fēng)格的小創(chuàng)意。你可以在這個(gè)網(wǎng)站上填寫一個(gè)關(guān)于自己風(fēng)格的問(wèn)卷,然后Stitch Fix就會(huì)將衣服寄給你,你可以選擇付款保留衣服,或者退貨。Stitch Fix將這個(gè)全新的概念完美的呈現(xiàn)在主頁(yè)上。
Studio Mds
Studio Mds是一個(gè)由創(chuàng)意思考者們組成的空間,他們渴望用不同的方式解決問(wèn)題。這個(gè)網(wǎng)站讓一切大膽的想法都得以存活并且沒(méi)有太多不必要的內(nèi)容。
Typespiration
Typespiration是一個(gè)值得想所有設(shè)計(jì)師推薦的網(wǎng)站。不僅因?yàn)樗鼘?duì)待字體的方式很棒,還因?yàn)樗鼘⒆煮w與HTML和CSS完美鏈接。這個(gè)網(wǎng)站干凈大膽,有時(shí)間你可以慢慢研究。
Etch
這可能是我見(jiàn)過(guò)將網(wǎng)格模式用得最好的網(wǎng)站。非常容易瀏覽和操作。Etch的工作人員很明白他們想要的是什么。這個(gè)網(wǎng)站的排版非常豪爽。
想想一個(gè)大膽又簡(jiǎn)約的漂亮網(wǎng)頁(yè)給你和你的觀眾帶來(lái)的好處:可閱讀性、高辨識(shí)度,在千萬(wàn)網(wǎng)頁(yè)中脫穎而出。哪一點(diǎn)對(duì)你來(lái)說(shuō)最重要呢?