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

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

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

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

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

　　跳出構(gòu)造考慮

　　第一個疑問：為啥?

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

　　第二個疑問：怎么與眾不一樣?

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

　　基本概念

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

　　設(shè)計過程中要時刻考慮用戶的做法，想想他們是怎么了解和運用網(wǎng)站的。假如你的用戶是超級技能達人，那么導航或許翻滾設(shè)計只需有一點點的小疑問就會被凸顯出來。可是假如你的用戶是電腦小白，那么你也許只需求關(guān)注最基本的導航東西。

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

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

　　五個網(wǎng)站實例

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

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

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

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

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

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

　　總結(jié)

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

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

　　原文作者： CARRIE COUSINS