華麗漂亮的網(wǎng)頁設(shè)計(jì)欣賞.jpg)
有那么一段時(shí)間，設(shè)計(jì)師都很中意所有微妙而精致的事物。我們喜愛精致紋理的背景以及錯(cuò)綜復(fù)雜的裝飾元素，甚至對(duì)柔和的色彩搭配入迷。
我們?cè)?jīng)忘記如何大膽的展示自己，但是現(xiàn)在那種豪放的感覺似乎又回潮了。由于小型設(shè)備的普及（比如平板和智能手機(jī)），確保你的作品能被清楚地看見是很重要的。有什么比使用大膽的元素更好的辦法嗎？
創(chuàng)建一個(gè)吸引眼球的網(wǎng)站，需要從布局開始，延伸到網(wǎng)頁色彩搭配以及字體尺寸。有些人會(huì)選擇將所有的零件或者某些部分用來創(chuàng)造一個(gè)需要被關(guān)注又容易瀏覽的網(wǎng)站。雖然這個(gè)有點(diǎn)隨大流，但是它是一個(gè)很棒的技巧，因?yàn)槟阆Ｍ愕挠^眾記住你的網(wǎng)站，并且你也希望他們能將你的網(wǎng)站的作用發(fā)揮到極致。這不就是好設(shè)計(jì)的關(guān)鍵嗎？
延伸閱讀
典藏推薦！101個(gè)鮮為人知的超實(shí)用網(wǎng)站
網(wǎng)頁設(shè)計(jì)趨勢：來嘗鮮多邊形風(fēng)格設(shè)計(jì)吧（附制作多邊形圖像的網(wǎng)頁工具）
耐克鞋能賣的這么火是因?yàn)樗麄兛偸悄軐r(shí)尚與文化完美結(jié)合。幾乎每一雙尼克鞋都有一點(diǎn)自己的歷史。這個(gè)網(wǎng)站就展示了這些與倫敦有關(guān)的鞋子。
這個(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)站采用簡約大膽的設(shè)計(jì)風(fēng)格，確保了它的自適應(yīng)性和清晰度。
任何東西你都可以為它找到合適的定位。令他們感到自豪的不只是他們美妙的菜肴，還有獨(dú)特的菜單。他們放肆的展示風(fēng)格不僅使顧客感到賞心悅目，同時(shí)也最大程度地刺激顧客的味蕾。
Chris采用一種簡單而又大膽的方式，將他過去的工作經(jīng)驗(yàn)展示了出來。盡管他使用了柔和的顏色和一些精致的元素，但是他使用巨大的標(biāo)題來將瀏覽者的注意力轉(zhuǎn)移到網(wǎng)站最值得關(guān)注度內(nèi)容上。
如果總管網(wǎng)頁設(shè)計(jì)，你會(huì)發(fā)現(xiàn)很多機(jī)構(gòu)都在做同意的事情。柔和的顏色，無襯線字體，還有其他微妙的元素。Corona Radiata卻用了截然相反的風(fēng)格，采用大膽明亮的色彩搭配以及漂亮的襯線字體。實(shí)在讓人喜愛。
很少看見建筑師或者建筑公司擁有漂亮的網(wǎng)站。他們通常會(huì)采用規(guī)矩而嚴(yán)謹(jǐn)?shù)娘L(fēng)格。Diehl Group打破了這個(gè)模式，向我們展示了一個(gè)采用全尺寸圖像、大標(biāo)題和大圖標(biāo)的別具一格的網(wǎng)站。
這又是一個(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è)登陸頁面的上半部分版面需要有一些視覺元素點(diǎn)綴，而下半部分的版面則需要更多。Piccsy創(chuàng)建的這個(gè)登陸頁面突破了常規(guī)。除此之外，他們還選擇了非常吸引人眼球的顏色。
GoodTwin是一個(gè)以為顧客創(chuàng)造體驗(yàn)為主旨的電子機(jī)構(gòu)。這個(gè)網(wǎng)站最讓人喜歡的是它與眾不同的呈現(xiàn)方式。許多機(jī)構(gòu)都喜歡將頁面簡約抽象，而這個(gè)網(wǎng)站卻使用了很多圖像效果以及移動(dòng)的元素。
剛開始，你可能會(huì)覺得Manos一點(diǎn)也不符合我們今天的主題。它的色彩搭配并不特別，也沒有太多的其他元素。但是，這個(gè)網(wǎng)站完美地將你在其他網(wǎng)站也看得到的東西大膽地結(jié)合起來。巨大的圖標(biāo)和副本使這個(gè)網(wǎng)站更突出。
Ryan Michael Kelly是一位專業(yè)攝影師和電影制作，同時(shí)熟悉時(shí)尚領(lǐng)域。他的網(wǎng)站呈現(xiàn)一種近乎放肆的姿態(tài)，讓人過目不忘。頁面的布局很獨(dú)特，也完美的展示了他的作品。
要設(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似乎有他獨(dú)特的瘋狂模式。他對(duì)于自己項(xiàng)目的理解很獨(dú)到。這個(gè)網(wǎng)站的設(shè)計(jì)從頭到尾都很豪放——加粗放大的字體，還有沖撞的色彩搭配。這也是一個(gè)讓人難以忘懷的網(wǎng)站。
一些在美國南卡羅萊納州Greenville的居民為自己熱愛的這座城市設(shè)計(jì)了一個(gè)網(wǎng)站。大部分旅游網(wǎng)站都充斥了大量的文字，但是這個(gè)網(wǎng)站卻關(guān)注于Greenville最主要的部分。現(xiàn)在，由于網(wǎng)站并不需要太多文字，他們決定使用不同于傳統(tǒng)的方式來填充網(wǎng)站的空間。這也使得這座城市更加引人注意。
記不記得我們剛剛才討論完如何展示作品集？看起來Michel深諳此道，他通過適當(dāng)?shù)恼故痉绞匠浞值恼宫F(xiàn)了他的技能。這個(gè)網(wǎng)站不僅因?yàn)樗娘L(fēng)格而被人記住，也因?yàn)樗麧嵉膶?dǎo)航設(shè)計(jì)讓人覺得耳目一新。
想要設(shè)計(jì)一個(gè)顯眼的網(wǎng)站，秘訣就是要適當(dāng)?shù)氖褂眯涯康脑亍Ｈ绻W(wǎng)站上所有內(nèi)容都是同一個(gè)模式，就會(huì)變得無聊。Mode覺得將它使用在一個(gè)特定的地方，也是最最重要的部分——那就是作品集。
網(wǎng)頁的布局能通過創(chuàng)建重點(diǎn)和層次結(jié)構(gòu)來告訴觀眾該如何閱讀和點(diǎn)擊。Red Antler設(shè)計(jì)了一個(gè)實(shí)用且平衡的布局。加粗的字體和醒目的顏色都用得恰到好處。
第一眼看這個(gè)網(wǎng)站會(huì)覺得有些無聊，有些太直接了。你會(huì)看到他們的基本信息，他們的工作，以及聯(lián)系方式。但是如果你多玩玩這個(gè)網(wǎng)站，你就會(huì)發(fā)現(xiàn)很多小秘密。它的表現(xiàn)方式是非常棒的。
Stitch Fix是一個(gè)提升穿著風(fēng)格的小創(chuàng)意。你可以在這個(gè)網(wǎng)站上填寫一個(gè)關(guān)于自己風(fēng)格的問卷，然后Stitch Fix就會(huì)將衣服寄給你，你可以選擇付款保留衣服，或者退貨。Stitch Fix將這個(gè)全新的概念完美的呈現(xiàn)在主頁上。
Studio Mds是一個(gè)由創(chuàng)意思考者們組成的空間，他們渴望用不同的方式解決問題。這個(gè)網(wǎng)站讓一切大膽的想法都得以存活并且沒有太多不必要的內(nèi)容。
Typespiration是一個(gè)值得想所有設(shè)計(jì)師推薦的網(wǎng)站。不僅因?yàn)樗鼘?duì)待字體的方式很棒，還因?yàn)樗鼘⒆煮w與HTML和CSS完美鏈接。這個(gè)網(wǎng)站干凈大膽，有時(shí)間你可以慢慢研究。
這可能是我見過將網(wǎng)格模式用得最好的網(wǎng)站。非常容易瀏覽和操作。Etch的工作人員很明白他們想要的是什么。這個(gè)網(wǎng)站的排版非常豪爽。
想想一個(gè)大膽又簡約的漂亮網(wǎng)頁給你和你的觀眾帶來的好處：可閱讀性、高辨識(shí)度，在千萬網(wǎng)頁中脫穎而出。哪一點(diǎn)對(duì)你來說最重要呢？
翻譯小組：SDC番茄匠 微博ID: @XuHY_____
文章編輯：SDC小編 @XuHY_____
原文地址：webdesignerdepot
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量28萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話題
發(fā)評(píng)論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評(píng)論區(qū)留言，系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái)，提供獎(jiǎng)品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 730 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓