【小(xiǎo)編推薦】太原網頁設計(jì)創意十足的(d₩φΩδe)web布局及交互設計(jì)

2014-04-28   |&‌∞ ‌nbsp;  發布者:梁國(guó)芳 &£€"nbsp; |  §​ 查看(kàn):3320次

IT新聞

創意味兒(ér)十足的(de)web布局及交互設計(jì)

富有(yǒu)靈感和(hé)創意的(de)設計(jì)與±✔一(yī)般設計(jì)的(de)區(qū)别在£$₽"于,它不(bù)那(nà)麽容易被想到(dào)和(hé)實​≤€現(xiàn),一(yī)旦它被實現(xiàn),一(yī)個♠φ(gè)非常有(yǒu)趣并且迷人(rén)的(de)網站(zh∑★àn)就(jiù)誕生(shēng)了(le)。

網站(zhàn)幾乎每天都(dōu)能(néng)見(jià$&±n)到(dào),但(dàn)是(shì)不(bù)是(shì)每一(y σ≠ī)個(gè)網站(zhàn)你(nǐ)都(dōu)會(€δ€huì)說(shuō)“真希望我 λ €也(yě)能(néng)想到(dào)過!”

設計(jì)者們正在做(zuò)的(de)γ↕δ 是(shì)一(yī)項偉大(dà)的(de)工(gōnγφ₩g)作(zuò),那(nà)就(jiù)是↑∞£(shì)提出且合并各種高(gāo)水(shuǐ)平設計(jì)的(de)÷‌Ω網站(zhàn),這(zhè)些(xiē)網站(zhàn)都(dōu)λ 是(shì)最新穎的(de)原創作(zuò)品,同時(shíγ↕♠)還(hái)保持了(le)很(hěn)高(gāo)的(de)可(kě<↑≠)用(yòng)性。不(bù)規則的(de)顔色、形狀,及δ"其導航就(jiù)可(kě)以生(shēng)成最有(‍δ←§yǒu)趣、最吸引人(rén)的(de)網站(zh↕∞∞àn)。當然,能(néng)想到(dào)這(zhè)λ<個(gè)點子(zǐ)是(shì)很(hδ♣ěn)難的(de),實現(xiàn)起來(lái)也(yě∏↔)有(yǒu)一(yī)定的(de)困難。

但(dàn)是(shì)說(shuō)不(bù)準哪天你(nǐ)做(zγ>uò)的(de)東(dōng)西(xī)能(néng)引起一(yī)"®個(gè)新的(de)流行(xíng)趨勢,'≠∑産生(shēng)很(hěn)大(dà)↑♥§的(de)點擊率,或者以你(nǐ)無法想象的(de)一(yī)種方式來(lá§∏i)“工(gōng)作(zuò)”。對&←§δ(duì)于設計(jì)者和(hé)開(kāi)發者φπ而言,最重要(yào)的(de)是(shì)♥∞₩ 要(yào)記住web設計(jì)無論看(kà≥≠×n)起來(lái)多(duō)麽牛,必須高(gāβ≥÷o)效可(kě)用(yòng)。通(tōng)過在設$≠計(jì)過程中結合創造性的(de)思維和≠α (hé)對(duì)關鍵特性的(de)仔細分(fēn)析,<§&$偉大(dà)的(de)和(hé)最新的(de)網站(zhàn)概念将會α​¥§(huì)不(bù)斷的(de)湧現(x δ≠₹iàn)。

跳(tiào)出固有(yǒu)思維模

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

第一(yī)個(gè)問(wèn)題是(shì)&ld§÷™φquo;為(wèi)什(shén)麽?”

為(wèi)什(shén)麽我們在制(zγ§↔βhì)作(zuò)網站(zhàn)草(cǎo)圖的(de)時(shí)≥•候總是(shì)畫(huà)矩形框?

為(wèi)什(shén)麽“一(yī)直&rd↔₹quo;是(shì)那(nà)幾種特定的(de)顔色或字體(tǐ)?

為(wèi)什(shén)麽所用(yòng)的(de)照€​(zhào)片都(dōu)是(shì)完美(měi)β→的(de)4×6屏幕高(gāo)寬比?<φ≥β

第二個(gè)問(wèn)題是(shì)我們怎樣做(zuò)到•φ(dào)不(bù)同?

越來(lái)越多(duō)的(de)網™↔₽‍站(zhàn)用(yòng)興趣和(hé)創造性的(de)布局來(lái)∏♣Ω≥回答(dá)上(shàng)面第二個(g♥α‍πè)問(wèn)題,從(cóng)使用(yòng)圓形到(dà♠'o)使用(yòng)吸引人(rén)的(de★α☆∞)照(zhào)片和(hé)顔色,似乎沒有(yǒu)起到(dào)顯著的≤£€(de)作(zuò)用(yòng)來(lái)創建新的(de)導航和(hé♦$)滾動方式。

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

當形成打破常規的(de)新概念時(shí)重要(yào)的(de)是(shì)£§↓記住基本概念。無論一(yī)個(gè)網站(zhàn)看&Ω(kàn)起來(lái)多(duō)麽酷,它必須具有(yǒu)‍ 可(kě)讀(dú)性和(hé)可(kě)用(yòng)性,否φ♥σ​則人(rén)們不(bù)會(huì)前往該網站(zhàn)并進行(x¥$★♣íng)內(nèi)容交互。

在設計(jì)的(de)階段,要(yào)記得(de)不(™↔bù)斷思考你(nǐ)的(de)用(yòng)戶和(hé)他(tā)們的(deδ★∏)想法及他(tā)們怎麽使用(yòng)網站(zhàn)。如(rú☆≠×)果是(shì)高(gāo)級用(yòng)戶的(de)話(huà'♦ε¥),那(nà)麽在導航和(hé)滾動特性上(shàn↔>£•g)隻要(yào)存在一(yī)點不(b ↑¶×ù)方便使用(yòng)的(de)地(dì)方☆<,都(dōu)會(huì)使他(tā)們印象深刻。但(dàn)是(shì)∏↑如(rú)果用(yòng)戶是(shì)計(jì)算(suà&♦n)機(jī)初學者,你(nǐ)就(jiù)應該堅¥σ持普通(tōng)的(de)導航工(gōn‍$g)具。

你(nǐ)的(de)訪問(wèn)者為(wèi)了(le)一(yγ≥ī)個(gè)原因來(lái)到(dào)π€你(nǐ)的(de)網站(zhàn)。當♣≤™γ他(tā)們到(dào)達該網站(zhàn)時(s↔π✘hí)這(zhè)個(gè)原因需要(yào)加強。确保φ<你(nǐ)的(de)設計(jì)能(néng)提供給用(yòng)戶所λ$σ需要(yào)的(de)所有(yǒu)準确信息、¶£Ω娛樂(yuè)、電(diàn)子(zǐ)商務等等。

不(bù)要(yào)做(zuò)的(de)過多(duō)!意•≠思是(shì),針對(duì)一(yī)個(gè)有(yǒu)興趣的(dλ$≈∏e)方向一(yī)直做(zuò)下(xià§$©)去(qù),但(dàn)是(shì)不(bù)要 ₹★(yào)嘗試太多(duō)的(de)東(dōng)西(xī)。記住,如(rú©♦✔‌)果有(yǒu)太多(duō)的(de)東(dōng)西(xī)出現(xiàn®£≥←)在你(nǐ)的(de)網站(zhàn)上(shàng),那(nà§¶¥•)麽用(yòng)戶是(shì)不(bù→φ)會(huì)停留住多(duō)久的(de)。找到(α•↑dào)一(yī)個(gè)興趣和(hé☆ ♣♥)唯一(yī)的(de)方式來(lái)和(hé)他(tā)們互動。

五個(gè)站(zhàn)點聚集在一(yī)起

那(nà)麽什(shén)麽使他(tā)們聚集在一(yī)起?創造性、可 ←(kě)讀(dú)性和(hé)可(kě)用(yòng)性。我π ™"們見(jiàn)過一(yī)些(xiē)網站(zhàn)做¥¶♠♣(zuò)的(de)東(dōng)西(xī)很(₹‍hěn)新、超乎想象并且非常棒。

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

博創科技 在做(zuò)一‍↕↔♥(yī)個(gè)偉大(dà)的(de)工(gō§∏ng)作(zuò),他(tā)們用(yòng)常态之外(wài)÷€¶§的(de)形狀來(lái)創造視(shì)覺上(shàng)的®π↑(de)興趣點。不(bù)僅每個(gè)盒子( £‌zǐ)都(dōu)有(yǒu)圓角(或反向圓角),被著(zhe)色的(d♥♥γ∏e)框架類似于該公司正在出售的(de)産品的(de)形狀。 即使你£€(nǐ)沒有(yǒu)在屏幕上(shàng)看(kàn)到(dào)Lowdφ☆∏&i的(de)盒子(zǐ),你(nǐ)已經記住了(le)它。随著(zhe)滾動,φ®✔這(zhè)個(gè)盒子(zǐ)(這(zhè)是(shì)一(yī)個π↓β‍(gè)揚聲器(qì)系統)使用(yòng)一(yī)系列 ‌>彈出的(de)氣泡與你(nǐ)“對(du™± ì)話(huà)”。這(zhè)種>"‌♣概念非常有(yǒu) 趣、新鮮并超級迷人(rén)。

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

博創科技 Vora↓• ↑ss 利用(yòng)“隐藏導航₽ ₽&”展示了(le)他(tā)的$<(de)各種項目。投資組合類型的(de)網站(zhà↓™n)使用(yòng)一(yī)種在屏幕頂∑÷λ§端的(de)簡單的(de)“工(gōng)作(zuò)、概要←λ"∏(yào)、聯系”導航,同時(shí)圖像也(yě)是(shì∑♦"©)導航工(gōng)具。每張不(bù)同類型的(>₹↑©de)圖 像将帶你(nǐ)到(dào)不(bù)同的(de)項目。更重要(yà₩<o)的(de)是(shì),當你(nǐ)的(de)鼠标懸停在圖片上(shγ✔↓φàng)時(shí),他(tā)們會(huì)提醒你(nǐ)點擊後将帶© ₩你(nǐ)到(dào)哪裡(lǐ)。網站(£‌→ zhàn)的(de)整體(tǐ)設計(jì)有(yǒu)一(yī)種簡單"→的(de)外(wài)觀和(hé)意想不(bù)到( ♠δ'dào)的(de)像牆一(yī)樣的(de) 動畫(huà)效果≠≈。

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

博創科技 Design 引人(rén)注&λ"•目的(de)地(dì)方在于圖像選擇和(hé)有(yǒu)趣的(de)形狀,• 但(dàn)是(shì)更具有(yǒu)創意的(de)是(shì)滾動。整↕¶"↕個(gè)網站(zhàn)建立在時(shí✘™)間(jiān)軸上(shàng)。每個(gè)圖像“氣泡&rdq₽≈Ωuo;帶你(nǐ)到(dào)另一(yī)個(gè)信息級别✘δ§§。使它特别的(de)是(shì)你(nǐ)根本不(bù)需要(yγ€"¥ào)看(kàn)懂(dǒng)時(shí)間(jiān)軸<★©就(jiù)能(néng)導航和(hé)明(míng)白(bái)這(zh×®≤è)個(gè)網站(zhàn)。它是(shì)一(yī)個(gè)功能₩∑ ←(néng)非常強大(dà)的(de)組織。

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

博創科技的(de)網站(zhàn)向£≈☆我們展示了(le)标簽本身(shēn)就(jiù)是(shì>‌)一(yī)個(gè)具有(yǒu)創造‍•性的(de)設計(jì)業(yè)務。每個(gè)頁面給你(nǐ)用(yòng&€∑÷)來(lái)導航的(de)可(kě)點擊的(de)選擇。這(zhè)個(★±gè)方案很(hěn)簡單,僅用(yòng)灰色和(hé)白(bái)色(除了γ&(le)友(yǒu)情鏈接會(huì)包括彩£∑色照(zhào)片)但(dàn)懸停效果和(hé)可(kě)讀(dú)性是(‌"shì)很(hěn)奇妙的(de)。它會(huì)讓你(nǐ)想一(yī)直Ω∏<ε點擊下(xià)去(qù)來(lái)看(kàn)看(kàn)到(dào)Ω₹•♠底這(zhè)個(gè)網站(zhàn)是(shì)什(shé↕"♦γn)麽樣子(zǐ)。

創意味兒(ér)十足的(de)web布局及交互設計(jì)

創意味兒(ér)十足的(de)web布局及交互設計(jì)

博創科技 使用(♥£× yòng)很(hěn)棒的(de)圖片組合、有(yǒu)趣的φ♠(de)形狀和(hé)非常酷的(de)滾動效果讓你(nǐ)​✔著(zhe)迷。時(shí)裝零售商的(de)網站(zhàn)上(shàn$≠♥±g)展示了(le)一(yī)個(gè)很(h®∏→ěn)棒的(de)産品選擇頁面,同時(shí)提供有(yǒu)趣的(de)×¶≈‌公司和(hé)産品信息。每個(gè)滾動 軸通(tōng)‌™過上(shàng)下(xià)按鈕移動三個(gè)€₽₩≈圖片面闆來(lái)顯示新圖片。滾動效果在幾個(gè)屏幕間(jΩ₩iān)持續,你(nǐ)會(huì)不(bù)由自"↕'₹(zì)主地(dì)想看(kàn)看(kàn)接下(xià)來$→(lái)會(huì)發生(shēng)什(shén)麽。另外(wài)₩δ∞₹,酷酷的(de)斜邊使滾動的(de)效果變¥↑✔★的(de)更加 無縫和(hé)有(yǒu)趣。

結束語:

很(hěn)多(duō)年(nián)來(lái),設計(jì♥"∏☆)師(shī)們從(cóng)來(lái)不(bù)說(s •huō)“沒有(yǒu)原創的(de)想γδ©™法。或者我認為(wèi)那(nà)種想法瘋了(le)”。✔↕$每天,新的(de)技(jì)術(shù)和(hé)新的(de)設∏Ω<備都(dōu)在改變著(zhe)我們對(duì)web設↕ ≤£計(jì)和(hé)設計(jì)流程的(de)想法。我們應該讓頭腦(nǎo)風©®(fēng)暴走出你(nǐ)的(de)舒适區(qū),然±₩§後再把你(nǐ)所獲得(de)的(de)想法拉回現(xiàn ₽∏)實,确保它包含所有(yǒu)的(de)特性, 再将這(zhè)✔ 些(xiē)特性變的(de)更加實用(yòng)。