10.08日(rì)音(yīn)訊,網站(zhàn≠ $')可(kě)讀(dú)和(hé)可(kě)用(yòng)的(de)制φλ(zhì)作(zuò)要(yào)領

　　10.08日(rì)音(yīn)訊,網站∞™∑↓(zhàn)可(kě)讀(dú)和(hé)可(<¶✔<kě)用(yòng)的(de)制(zhì)作(zuò)要(yào)領。設φσ想并構建出區(qū)别于常見(jiàn)網站☆‍'•(zhàn)布局的(de)創新式設計(jì< ↕)是(shì)一(yī)件(jiàn)很(hěn)難的(de)事(shì)情↓↔≤→，但(dàn)是(shì)一(yī)旦把這(zhè)件(ji♣♠àn)事(shì)做(zuò)好(hǎo)，ε×就(jiù)可(kě)以設計(jì)出那(nà)些(δ♦xiē)最富有(yǒu)趣味又(yòu)令人(rén)著(zhe)迷的(de)¶∏'網站(zhàn)。設想并構建出區(qū)别于常見(jiàn)網站γ© (zhàn)布局的(de)創新式設計(jì)是(shì)一(yī)件(jiàn✘®¥♣)很(hěn)難的(de)事(shì)情，但(d£≈àn)是(shì)一(yī)旦把這(zhè)件(jià€♠✘n)事(shì)做(zuò)好(hǎo)，就(jiù)可(kě)以設計(j≤§σγì)出那(nà)些(xiē)最富有(yǒu)趣味又(yòu)令人(rén)著↔>(zhe)迷的(de)網站(zhàn)。

　　你(nǐ)幾乎每天都(dōu)可(kě)以見(jiàn→" )到(dào)這(zhè)些(xiē)網站(zhàn)，每次看(kàn​$ )到(dào)他(tā)們，你(nǐ)都Ωσ(dōu)會(huì)感慨到(dào)：&ldq✔ uo;多(duō)希望我當初能(néng)夠想到(dào)這(z‌ ↕hè)個(gè)點子(zǐ)。”設★∏‍計(jì)師(shī)們正在完成一(yī)項了(le)不(b× ù)起的(de)工(gōng)作(zuò)₽✘∞$，設計(jì)出一(yī)系列精美(měi)的(d✘"→e)網頁元素并将其組合在一(yī)起，這(zhè)些(xiē)網頁☆↓€→不(bù)但(dàn)具備可(kě)用(yòng)性，同時(s">hí)又(yòu)富有(yǒu)新鮮感和(hé)原創味道($↓dào)。

　　奇特的(de)造型、顔色的(de)組合搭配和(hé  δ)新穎的(de)導航工(gōng)具可(kě)以設π♥®₩計(jì)出那(nà)些(xiē)最富有(yǒu)趣∑♥>味又(yòu)令人(rén)著(zhe)迷的(de)網站(zhàn←&)。

　　這(zhè)些(xiē)網站(zhàn)也(yě)同樣難以設想​↔和(hé)構建。

　　但(dàn)是(shì)你(nǐ)永遠(yuǎn)不(bù)知(zhī) ←±道(dào)什(shén)麽可(kě)能(n™✘éng)會(huì)引領一(yī)場(chǎng)新的(de)趨勢，帶來(l↓$£ái)大(dà)量的(de)點擊或者以一(yī)種你(nǐ)無法想象的(de♣≥)方式“工(gōng)作(zuò)“。對(duì)于♠≠設計(jì)師(shī)和(hé)開(kāλ©β↓i)發人(rén)員(yuán)而言，在網©☆∑σ頁設計(jì)中最需要(yào)記住的(de)是(→£↕shì)無論外(wài)觀多(duō)麽富有(yǒ≠↔u)吸引力，一(yī)定要(yào)保證>☆ 可(kě)用(yòng)性及效率。在設計(δαjì)過程中結合創造性的(de)思考，仔細分(fēn♦≈‍)析關鍵因素，這(zhè)樣每天都(dōu)會(¥₩∑"huì)産生(shēng)新奇而吸引人(rén×'≠©)的(de)好(hǎo)點子(zǐ)。

　　跳(tiào)出框架思考

　　第一(yī)個(gè)問(wèn)題：為(wèi)什(s↓ ÷σhén)麽？

　　勾畫(huà)網站(zhàn)草(cǎo)圖時•≠∏ε(shí)，我們為(wèi)什(shén)麽總是(shì)用(yòng)矩形？← σ為(wèi)什(shén)麽總是(shì)用(yòng)某類特定的(d₽∞e)顔色或字體(tǐ)？為(wèi)什(shén)麽≤±≠ 照(zhào)片都(dōu)是(shì)同樣完美±§≤✔(měi)的(de)4*6的(de)長(chá↕•≥↕ng)寬比？

　　第二個(gè)問(wèn)題：怎樣與衆不(bù)同？

　　越來(lái)越多(duō)的(de★♥)網站(zhàn)通(tōng)過選擇富有(yǒu×Ω)趣味的(de)創新的(de)布局來(lái)回答(dá)第二個(gè)問$×&>(wèn)題，使用(yòng)帶有(yǒu)圓角的(de)形↔<¥φ狀、富有(yǒu)戲劇(jù)效果的(de)γ€"✘圖像、可(kě)能(néng)并不(bù)顯眼的(de)顔色，以這(z☆&‍hè)種新的(de)方式來(lái)進行(≥≠•♥xíng)頁面的(de)導航和(hé)滾動設計(jì)。

　　基本概念

　　當我們發展一(yī)些(xiē)新的(de¥'δσ)概念時(shí)，打破既有(yǒu)模式™€☆≤的(de)關鍵點在于牢記基本概念。無論網站(zhàn)看(k₩δ‍àn)起來(lái)有(yǒu)多(duō)麽酷炫，一(☆₩×yī)定要(yào)滿足可(kě)讀(dú)性和(hé)可(kě)用(yòn✔₹ ←g)性，否則用(yòng)戶無法浏覽訪問(wèn)網站(z€λ™hàn)并與內(nèi)容産生(shēng)互動。

　　設計(jì)過程中要(yào)時(shεβí)刻思考用(yòng)戶的(de)行(xíng)為(wèi)，想想他(tā)♦<↔們是(shì)如(rú)何理(lǐ)解和(hé)≠εγ×使用(yòng)網站(zhàn)的(de)。如(rú)果你(nǐ)的(γ₩de)用(yòng)戶是(shì)超級技(jì)術(shù)達人εφ₽ (rén)，那(nà)麽導航或者滾動設計(jì)隻要(≠₩∑yào)有(yǒu)一(yī)點點的(d₩↑e)小(xiǎo)問(wèn)題就(jiù)會(♥∑huì)被凸顯出來(lái)。但(dàn)是(shì)如☆₹(rú)果你(nǐ)的(de)用(yòng)戶是(shì)電(diàn♠₹←≤)腦(nǎo)小(xiǎo)白(bái)，那£∏₹≈(nà)麽你(nǐ)可(kě)能(néng) £隻需要(yào)關注最基本的(de)導航工(gōng)具。

　　用(yòng)戶訪問(wèn)你(nǐ)的(de)網站(≤→© zhàn)是(shì)有(yǒu)目的(de)性的(de)。當他(tā)們§≠進入網站(zhàn)時(shí)，他(tā)↑‌€α們想要(yào)的(de)一(yī)定要(yào)表現§≠πε(xiàn)的(de)足夠突出。确保你(nβ ǐ)的(de)設計(jì)可(kě)以表達出網站(zhà✘≤☆'n)的(de)真正用(yòng)途-提供信息咨詢、娛樂(yuè)Ω™、商業(yè)等等。

　　不(bù)要(yào)嘗試做(zuò)很(hěn)多(duō)。≈'‌÷挑選一(yī)個(gè)有(yǒu)趣的Ωβ(de)想法然後做(zuò)下(xià)去(qù)λδ，但(dàn)是(shì)不(bù)要(yào)嘗試✔α同時(shí)做(zuò)很(hěn)多(duō)事(shì)情。記住， ★✘λ如(rú)果你(nǐ)的(de)網站(zh→∑àn)上(shàng)有(yǒu)太多(d∏×uō)的(de)東(dōng)西(xī)的(de←‌)話(huà)，用(yòng)戶不(bù)會(huì)在上(sh≤$>àng)面逗留的(de)。找到(dào)一(yī)條≠®β®有(yǒu)趣而獨特的(de)方式與他(tā)們溝通(tōng)互動。♣γ¥

　　五個(gè)網站(zhàn)實例

　　那(nà)麽怎樣可(kě)以把創造性、可(kΩπě)讀(dú)性和(hé)可(kě)用(yòng)性這(zhè)些(©φ÷♠xiē)特性完美(měi)的(de)組合在一(yī)起？我們可(Ωφkě)以看(kàn)看(kàn)下(xià)面這(zhè)>≠些(xiē)網站(zhàn)、他(tā)們在做(zuò)一≤σ(yī)些(xiē)新穎的(de)、意想不(bù)到(dào)又(yòu)₽↕相(xiàng)當精彩的(de)事(shì)情。

　　Lowdi正在做(zuò)一(yī)♦©≠ 件(jiàn)了(le)不(bù)起的(de)工(gōn©δ≠☆g)作(zuò)，通(tōng)過一(yī)些(xiē)÷∑£不(bù)同尋常的(de)圖形打造視(shì)覺​✔→的(de)趣味性。每個(gè)色塊不(bù)僅有(yǒu)一(y≠​¶ī)些(xiē)特定形式的(de)圓角（或是(shì)反向的¥σ₩(de)圓角），同時(shí)這(zhè&♥≠)些(xiē)色塊的(de)形狀也(yě)和(hé)公司所銷售的(de)✘±産品相(xiàng)似。即使你(nǐ)不(bù)去(qù)看(kàn)屏幕上₩∞∞(shàng)的(de)Lowdi盒子(z> ≈πǐ)，你(nǐ)也(yě)會(huì)想到≤≠ (dào)他(tā)。通(tōng)過滾動，這(zhè)個 '★(gè)盒子(zǐ)（實際上(shàng)是(shì)一(☆©★σyī)個(gè)揚聲器(qì)系統）通(tōng)過一(©≤"yī)系列彈出式氣泡與你(nǐ)進行(xíng)交流。這(♣  ♥zhè)個(gè)想法有(yǒu)趣、新鮮，引人(rén)入勝。

　　個(gè)人(rén)作(zuò)品網站(≠ Ωzhàn)上(shàng)采用(yòng←©)了(le)流行(xíng)的(de)“隐藏式導< ♠σ航“進行(xíng)設計(jì)。網站(zhàn↔÷÷)在屏幕的(de)頂部簡單的(de)展示了(le)項目、作(zu€∞ò)品、聯系方式幾個(gè)模塊的(de)導γ←∏∞航，但(dàn)是(shì)頁面中的(de)圖片也≠↔(yě)同樣具有(yǒu)導航功能(né₽‍✘☆ng)。每張不(bù)同的(de)圖片都(dōu)會(huì)跳(tiβ★ào)轉到(dào)不(bù)同的(de)項目。更為(wèi)重要(y‌™ào)的(de)是(shì)，當你(nǐ)的(de)鼠标懸停在圖≤∞片上(shàng)方時(shí)，每張圖片都(dōu)會(huì)提示$♣'點擊後打開(kāi)的(de)內(nèi)容。整個(gè)網站(zhàn)的✔​(de)設計(jì)十分(fēn)簡潔，這(zhè)些(xiē)意想≥​不(bù)到(dào)的(de)動畫(huà)效果同樣如(rú)此。∑☆§

　　在圖片的(de)選擇和(hé)圖形的(ε≥de)趣味化(huà)上(shàng)都(dōu)有(yǒu)出衆≤±的(de)表現(xiàn)，但(dàn)更富具創意之處在于滾動的(de)↕→設計(jì)。整個(gè)網站(zhàn)的(de)設計(jì)基于時(shí<β)間(jiān)軸這(zhè)一(yī)表現(xi£"←≈àn)形式。點擊每張圖片都(dōu)會(huì)↓>展示另一(yī)維度的(de)信息內(nèi)容。↓>其特别之處在于你(nǐ)甚至不(bù)需要(yào)通(tōn ≈ ₹g)過時(shí)間(jiān)軸來(lái)進行(xíng)導航和(π♥hé)了(le)解網站(zhàn)。網站(zhàn)結構™♦•清晰，設計(jì)精良。

　　自(zì)身(shēn)定位為(wèi)創新的(de)商業(yè≈≥×∞)設計(jì)。而他(tā)的(de)網站(z≥←★δhàn)說(shuō)明(míng)了(le)這(zhè)一(yī)點。每<¥λ個(gè)頁面都(dōu)提供了(le)可(kě)點擊的(de)選擇區♣₩÷(qū)域來(lái)進行(xíng)導航。♣>•設計(jì)簡潔，僅僅使用(yòng)了(le)灰白(♥₹ bái)色系（不(bù)包括博客中的(de)彩色照(zhào)片），但(‍∑dàn)是(shì)鼠标懸停動畫(huà)效果和(hé)網站(zh←&àn)的(de)可(kě)讀(dú)性是(shì)令人(ré♥∏÷n)驚歎的(de)。當你(nǐ)在選擇如§♠©(rú)何浏覽網站(zhàn)時(shí)，這(zhè)會(huì)令你÷  (nǐ)想要(yào)不(bù)斷地(dì)進行(Ω∑₽xíng)點擊。

　　将精美(měi)的(de)圖片、有(yǒu)趣的(de)圖形和(h∑ é)酷炫的(de)滾動效果結果在一(yī)起，來(lái)吸引用(✔₹÷↔yòng)戶的(de)注意。這(zhè)個(gè)時(shí)尚零≈₽售網站(zhàn)的(de)案例告訴我們≤ ♠在展示海(hǎi)量産品的(de)同時(shí)如(rú)何有(y×≤ǒu)趣的(de)展示公司信息。每次向上(sε→hàng)滾動三張圖片時(shí)，下(xià)方會(huì)展示一(♣σ≥ yī)張新的(de)圖片。滾動會(huì)持續在幾屏內(nèi)®₩£λ，讓你(nǐ)忍不(bù)住去(qù)看(ε≠±kàn)接下(xià)來(lái)會(huì)♥π出現(xiàn)什(shén)麽。除此之外(w©↓↑βài)，這(zhè)種富有(yǒu)個(gè)性的(dβ× e)斜邊造型令整個(gè)圖片流的(de)呈現(xiàn)更具有(yǒu)©₩線性，也(yě)更有(yǒu)趣味。