幻想并構(gòu)建出差異于常見網(wǎng)站規(guī)劃的立異式設(shè)計(jì)是一件很難的作業(yè)，可是一旦把這件事做好，就能夠設(shè)計(jì)出那些最賦有興趣又令人入神的網(wǎng)站。

　　你簡直天天都能夠見到這些網(wǎng)站，每次看到他們，你都會(huì)感慨到：“多期望我最初能夠想到這個(gè)點(diǎn)子。”設(shè)計(jì)師們正在完結(jié)一項(xiàng)了不得的作業(yè)，設(shè)計(jì)出一系列精巧的頁面元素并將其組合在一起，這些頁面不光具有可用性，一起又賦有新鮮感和自創(chuàng)味道。

　　共同的外型、色彩的組合調(diào)配和新穎的導(dǎo)航東西能夠設(shè)計(jì)出那些最賦有興趣又令人入神的網(wǎng)站。

　　這些網(wǎng)站也相同難以幻想和構(gòu)建。

　　可是你永久不知道啥也許會(huì)引領(lǐng)一場新的趨勢，帶來許多的點(diǎn)擊或許以一種你無法幻想的方法“作業(yè)“。關(guān)于設(shè)計(jì)師和開發(fā)人員而言，在頁面設(shè)計(jì)中最需求記住的是不管外觀多么賦有吸引力，一定要保證可用性及效率。在設(shè)計(jì)過程中聯(lián)系創(chuàng)造性的考慮，仔細(xì)分析要害因素，這么天天都會(huì)發(fā)生別致而吸引人的好點(diǎn)子。

　　跳出構(gòu)造考慮

　　第一個(gè)疑問：為啥?

　　勾畫網(wǎng)站草圖時(shí)，咱們?yōu)樯独鲜怯镁匦?為啥老是用某類特定的色彩或字體?為啥相片都是相同完美的4*6的長寬比?

　　第二個(gè)疑問：怎么與眾不一樣?

　　不斷增加的網(wǎng)站經(jīng)過挑選賦有興趣的立異的規(guī)劃來答復(fù)第二個(gè)疑問，運(yùn)用帶有圓角的形狀、賦有戲曲作用的圖畫、也許并不顯眼的色彩，以這種新的方法來進(jìn)行頁面的導(dǎo)航和翻滾設(shè)計(jì)。

　　基本概念

　　當(dāng)咱們開展一些新的概念時(shí)，打破既有方式的要害點(diǎn)在于緊記基本概念。不管網(wǎng)站看起來有多么酷炫，一定要滿意可讀性和可用性，不然用戶無法閱讀拜訪網(wǎng)站并與內(nèi)容發(fā)生互動(dòng)。

　　設(shè)計(jì)過程中要時(shí)刻考慮用戶的做法，想想他們是怎么了解和運(yùn)用網(wǎng)站的。假如你的用戶是超級(jí)技能達(dá)人，那么導(dǎo)航或許翻滾設(shè)計(jì)只需有一點(diǎn)點(diǎn)的小疑問就會(huì)被凸顯出來�？墒羌偃缒愕挠脩羰请娔X小白，那么你也許只需求關(guān)注最基本的導(dǎo)航東西。

　　用戶拜訪你的網(wǎng)站是有目的性的。當(dāng)他們進(jìn)入網(wǎng)站時(shí)，他們想要的一定要體現(xiàn)的滿足杰出。保證你的設(shè)計(jì)能夠表達(dá)出網(wǎng)站的真實(shí)用途-供給信息咨詢、文娛、商業(yè)等等。

　　不要測驗(yàn)做許多。挑選一個(gè)風(fēng)趣的主意然后做下去，可是不要測驗(yàn)一起做許多作業(yè)。記住，假如你的網(wǎng)站上有太多的東西的話，用戶不會(huì)在上面停留的。找到一條風(fēng)趣而共同的方法與他們溝通互動(dòng)。

　　五個(gè)網(wǎng)站實(shí)例

　　那么怎么能夠把創(chuàng)造性、可讀性和可用性這些特性完美的組合在一起?咱們能夠看看下面這些網(wǎng)站、他們?cè)谧鲆恍┬路f的、意想不到又適當(dāng)精彩的作業(yè)。

　　Lowdi正在做一件了不得的作業(yè)，經(jīng)過一些不一樣尋常的圖形創(chuàng)造視覺的興趣性。每個(gè)色塊不僅有一些特定方式的圓角(或是反向的圓角)，一起這些色塊的形狀也和公司所出售的商品類似。即便你不去看屏幕上的Lowdi盒子，你也會(huì)想到他。經(jīng)過翻滾，這個(gè)盒子(實(shí)際上是一個(gè)揚(yáng)聲器體系)經(jīng)過一系列彈出式氣泡與你進(jìn)行溝通。這個(gè)主意風(fēng)趣、新鮮，引人入勝。

　　Steve Vorass在他的自己著作網(wǎng)站上采用了盛行的 “隱藏式導(dǎo)航“ 進(jìn)行設(shè)計(jì)。網(wǎng)站在屏幕的頂部簡略的展現(xiàn)了項(xiàng)目、著作、聯(lián)系方法幾個(gè)模塊的導(dǎo)航，可是頁面中的圖像也相同具有導(dǎo)航功用。每張不一樣的圖像都會(huì)跳轉(zhuǎn)到不一樣的項(xiàng)目。更為重要的是，當(dāng)你的鼠標(biāo)懸停在圖像上方時(shí)，每張圖像都會(huì)提示點(diǎn)擊后翻開的內(nèi)容。悉數(shù)網(wǎng)站的設(shè)計(jì)十分簡練，這些意想不到的動(dòng)畫作用相同如此。

　　Caava Design在圖像的挑選和圖形的興趣化上都有拔尖的體現(xiàn)，但更富具構(gòu)思的地方在于翻滾的設(shè)計(jì)。悉數(shù)網(wǎng)站的設(shè)計(jì)根據(jù)時(shí)刻軸這一體現(xiàn)方式。點(diǎn)擊每張圖像都會(huì)展現(xiàn)另一維度的信息內(nèi)容。其特別的地方在于你乃至不需求經(jīng)過時(shí)刻軸來進(jìn)行導(dǎo)航和了解網(wǎng)站。網(wǎng)站構(gòu)造明晰，設(shè)計(jì)精巧。

　　Joint本身定位為立異的商業(yè)設(shè)計(jì)。而他的網(wǎng)站說明了這一點(diǎn)。每個(gè)頁面都供給了可點(diǎn)擊的挑選區(qū)域來進(jìn)行導(dǎo)航。設(shè)計(jì)簡練，只是運(yùn)用了灰白色系(不包括博客中的彩色相片)，可是鼠標(biāo)懸停動(dòng)畫作用和網(wǎng)站的可讀性是令人驚嘆的。當(dāng)你在挑選怎么閱讀網(wǎng)站時(shí)，這會(huì)令你想要不斷地進(jìn)行點(diǎn)擊。

　　Ballantyne將精巧的圖像、風(fēng)趣的圖形和酷炫的翻滾作用成果在一起，來吸引用戶的留意。這個(gè)時(shí)髦零售網(wǎng)站的事例告訴咱們?cè)谡宫F(xiàn)海量商品的一起怎么風(fēng)趣的展現(xiàn)公司信息。每次向上翻滾三張圖像時(shí)，下方會(huì)展現(xiàn)一張新的圖像。翻滾會(huì)繼續(xù)在幾屏內(nèi)，讓你不由得去看接下來會(huì)出現(xiàn)啥。除此之外，這種賦有特性的斜邊外型令悉數(shù)圖像流的出現(xiàn)更具有線性，也更有興趣。

　　總結(jié)

　　多年以來，我一向聽到設(shè)計(jì)師在說：不會(huì)再有啥自創(chuàng)理念了。這種主意很差勁。每一天，新的技能和設(shè)備都在改變著咱們關(guān)于頁面設(shè)計(jì)和設(shè)計(jì)流程的考慮。脫離舒服的位置，走出去來一場腦筋風(fēng)暴，然后把主意帶回到作業(yè)中，要保證包括可用性所必不可少的悉數(shù)元素。

　　別的要記住，一些“張狂”的主意也許會(huì)失敗。那沒啥大不了。概括總結(jié)、不斷學(xué)習(xí)，然后開端下一個(gè)巨大的主意。

　　原文作者： CARRIE COUSINS