文章描述：創(chuàng)意十足的web布局及交互設(shè)計(jì).

富有靈感和創(chuàng)意的設(shè)計(jì)與一般設(shè)計(jì)的區(qū)別在于，它不那么容易被想到和實(shí)現(xiàn)，一旦它被實(shí)現(xiàn)，一個(gè)特別很是有趣并且迷人的網(wǎng)站就誕生了。

網(wǎng)站幾乎天天都能見到，但是不是每一個(gè)網(wǎng)站你都會(huì)說“真希望我也能想到過！”

設(shè)計(jì)者們正在做的是一項(xiàng)偉大的工作，那就是提出且合并各種高水平設(shè)計(jì)的網(wǎng)站，這些網(wǎng)站都是好新穎的原創(chuàng)作品，同時(shí)還保持了很高的可用性。不規(guī)則的顏色、外形，及其導(dǎo)航就可以生成好有趣、好吸引人的網(wǎng)站。當(dāng)然，能想到這個(gè)點(diǎn)子是很難的，實(shí)現(xiàn)起來也有一定的困難。

但是說不準(zhǔn)哪天你做的東西能引起一個(gè)新的流行趨勢(shì)，產(chǎn)生很大的點(diǎn)擊率，或者以你無法想象的一種體例來“工作”。對(duì)于設(shè)計(jì)者和開發(fā)者而言，好主要的是要記住web設(shè)計(jì)無論看起來多么牛，必須高效可用。通過在設(shè)計(jì)過程中結(jié)合創(chuàng)造性的思維和對(duì)關(guān)鍵特征的細(xì)心分析，偉大的和好新的網(wǎng)站概念將會(huì)賡續(xù)的涌現(xiàn)。

跳出固有思維模

個(gè)問題是“為什么？”

為什么我們?cè)谥谱骶W(wǎng)站草圖的時(shí)候總是畫矩形框?

為什么“一向”是那幾種特定的顏色或字體?

為什么所用的照片都是好的4×6屏幕高寬比?

第二個(gè)問題是我們?cè)鯓幼龅讲煌?/strong>

越來越多的網(wǎng)站用愛好和創(chuàng)造性的布局往返答上面第二個(gè)問題，從使用圓形到使用吸引人的照片和顏色，似乎沒有起到顯著的作用來創(chuàng)建新的導(dǎo)航和滾動(dòng)體例。

怎樣對(duì)待基本概念？

當(dāng)形成打破常規(guī)的新概念時(shí)主要的是記住基本概念。無論一個(gè)網(wǎng)站看起來多么酷，它必須具有可讀性和可用性，否則人們不會(huì)前往該網(wǎng)站并進(jìn)行內(nèi)容交互。

在設(shè)計(jì)的階段，要記得賡續(xù)思考你的用戶和他們的想法及他們?cè)趺词褂镁W(wǎng)站。假如是高級(jí)用戶的話，那么在導(dǎo)航和滾動(dòng)特征上只要存在一點(diǎn)不方便使用的地方，都會(huì)使他們印象深刻。但是假如用戶是計(jì)算機(jī)初學(xué)者，你就應(yīng)該堅(jiān)持通俗的導(dǎo)航工具。

你的訪問者為了一個(gè)原因來到你的網(wǎng)站。當(dāng)他們到達(dá)該網(wǎng)站時(shí)這個(gè)原因需要增強(qiáng)。確保你的設(shè)計(jì)能提供給用戶所需要的所有準(zhǔn)確信息、娛樂、電子商務(wù)等等。

不要做的過多！意思是，針對(duì)一個(gè)有愛好的方向一向做下去，但是不要嘗試太多的東西。記住，假如有太多的東西出現(xiàn)在你的網(wǎng)站上，那么用戶是不會(huì)停留住多久的。找到一個(gè)愛好和的體例來和他們互動(dòng)。

五個(gè)站點(diǎn)聚集在一路

那么什么使他們聚集在一路？創(chuàng)造性、可讀性和可用性。我們見過一些網(wǎng)站做的東西很新、超乎想象并且特別很是棒。

lowdi 在做一個(gè)偉大的工作，他們用常態(tài)之外的外形來創(chuàng)造視覺上的愛好點(diǎn)。不僅每個(gè)盒子都有圓角(或反向圓角)，被著色的框架類似于該公司正在出售的產(chǎn)品的外形。即使你沒有在屏幕上看到Lowdi的盒子,你已經(jīng)記住了它。隨著滾動(dòng)，這個(gè)盒子(這是一個(gè)揚(yáng)聲器系統(tǒng))使用一系列彈出的氣泡與你“對(duì)話”。這種概念特別很是有趣、新穎并超級(jí)迷人。

Steve Vorass 行使“隱藏導(dǎo)航”展示了他的各種項(xiàng)目。投資組合類型的網(wǎng)站使用一種在屏幕頂端的簡單的“工作、概要、聯(lián)系”導(dǎo)航，同時(shí)圖像也是導(dǎo)航工具。每張不同類型的圖像將帶你到不同的項(xiàng)目。更主要的是,當(dāng)你的鼠標(biāo)懸停在圖片上時(shí)，他們會(huì)提醒你點(diǎn)擊后將帶你到哪里。網(wǎng)站的整體設(shè)計(jì)有一種簡單的外觀和意想不到的像墻一樣的動(dòng)畫效果。

Caava Design 引人注目的地方在于圖像選擇和有趣的外形,但是更具有創(chuàng)意的是滾動(dòng)。整個(gè)網(wǎng)站建立在時(shí)間軸上。每個(gè)圖像“氣泡”帶你到另一個(gè)信息級(jí)別。使它特殊的是你根本不需要看懂時(shí)間軸就能導(dǎo)航和曉暢這個(gè)網(wǎng)站。它是一個(gè)功能特別很是壯大的組織。

Joint的網(wǎng)站向我們展示了標(biāo)簽自己就是一個(gè)具有創(chuàng)造性的設(shè)計(jì)營業(yè)。每個(gè)頁面給你用來導(dǎo)航的可點(diǎn)擊的選擇。這個(gè)方案很簡單，僅用灰色和白色（除了友情鏈接會(huì)包括彩色照片）但懸停效果和可讀性是很奇妙的。它會(huì)讓你想一向點(diǎn)擊下去來看看到底這個(gè)網(wǎng)站是什么樣子。

Ballantyne 使用很棒的圖片組合、有趣的外形和特別很是酷的滾動(dòng)效果讓你著迷。時(shí)裝零售商的網(wǎng)站上展示了一個(gè)很棒的產(chǎn)品選擇頁面,同時(shí)提供有趣的公司和產(chǎn)品信息。每個(gè)滾動(dòng) 軸通過上下按鈕移動(dòng)三個(gè)圖片面板來顯示新圖片。滾動(dòng)效果在幾個(gè)屏幕間持續(xù)，你會(huì)不由自立地想看看接下來會(huì)發(fā)生什么。另外,酷酷的斜邊使?jié)L動(dòng)的效果變的更加 無縫和有趣。

結(jié)束語：

許多年來，設(shè)計(jì)師們從來不說“沒有原創(chuàng)的想法。或者我認(rèn)為那種想法瘋了”。天天，新的技術(shù)和新的設(shè)備都在改變著我們對(duì)web設(shè)計(jì)和設(shè)計(jì)流程的想法。我們應(yīng)該讓頭腦風(fēng)暴走出你的舒適區(qū),然后再把你所獲得的想法拉回現(xiàn)實(shí)，確保它包含所有的特征, 再將這些特征變的更加實(shí)用。

記住，一些“瘋狂的”點(diǎn)子可能會(huì)失敗，但是這沒關(guān)系。分析并學(xué)習(xí)它，然后進(jìn)入下一個(gè)點(diǎn)子。