創(chuàng)意味兒十足的web布局及交互設計(組圖)_第1頁
創(chuàng)意味兒十足的web布局及交互設計(組圖)_第2頁
創(chuàng)意味兒十足的web布局及交互設計(組圖)_第3頁
全文預覽已結束

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

創(chuàng)意味兒十足的web布局及交互設計(組圖)

富有靈感和創(chuàng)意的設計與一般設計的區(qū)別在于,它不那么容易被想到和實現(xiàn),一旦它被實現(xiàn),一個非常有趣并且迷人的網(wǎng)站就誕生了。網(wǎng)站幾乎每天都能見到,但是不是每一個網(wǎng)站你都會說“真希望我也能想到過!”設計者們正在做的是一項偉大的工作,那就是提出且合并各種高水平設計的網(wǎng)站,這些網(wǎng)站都是最新穎的原創(chuàng)作品,同時還保持了很高的可用性。不規(guī)則的顏色、形狀,及其導航就可以生成最有趣、最吸引人的網(wǎng)站。當然,能想到這個點子是很難的,實現(xiàn)起來也有一定的困難。但是說不準哪天你做的東西能引起一個新的流行趨勢,產生很大的點擊率,或者以你無法想象的一種方式來“工作”。對于設計者和開發(fā)者而言,最重要的是要記住web設計無論看起來多么牛,必須高效可用。通過在設計過程中結合創(chuàng)造性的思維和對關鍵特性的仔細分析,偉大的和最新的網(wǎng)站概念將會不斷的涌現(xiàn)。跳出固有思維模第一個問題是“為什么?”為什么我們在制作網(wǎng)站草圖的時候總是畫矩形框?為什么“一直”是那幾種特定的顏色或字體?為什么所用的照片都是完美的4×6屏幕高寬比?第二個問題是我們怎樣做到不同?越來越多的網(wǎng)站用興趣和創(chuàng)造性的布局來回答上面第二個問題,從使用圓形到使用吸引人的照片和顏色,似乎沒有起到顯著的作用來創(chuàng)建新的導航和滾動方式。怎樣對待基本概念?當形成打破常規(guī)的新概念時重要的是記住基本概念。無論一個網(wǎng)站看起來多么酷,它必須具有可讀性和可用性,否則人們不會前往該網(wǎng)站并進行內容交互。在設計的階段,要記得不斷思考你的用戶和他們的想法及他們怎么使用網(wǎng)站。如果是高級用戶的話,那么在導航和滾動特性上只要存在一點不方便使用的地方,都會使他們印象深刻。但是如果用戶是計算機初學者,你就應該堅持普通的導航工具。你的訪問者為了一個原因來到你的網(wǎng)站。當他們到達該網(wǎng)站時這個原因需要加強。確保你的設計能提供給用戶所需要的所有準確信息、娛樂、電子商務等等。不要做的過多!意思是,針對一個有興趣的方向一直做下去,但是不要嘗試太多的東西。記住,如果有太多的東西出現(xiàn)在你的網(wǎng)站上,那么用戶是不會停留住多久的。找到一個興趣和唯一的方式來和他們互動。五個站點聚集在一起那么什么使他們聚集在一起?創(chuàng)造性、可讀性和可用性。我們見過一些網(wǎng)站做的東西很新、超乎想象并且非常棒。lowdi在做一個偉大的工作,他們用常態(tài)之外的形狀來創(chuàng)造視覺上的興趣點。不僅每個盒子都有圓角(或反向圓角),被著色的框架類似于該公司正在出售的產品的形狀。即使你沒有在屏幕上看到Lowdi的盒子,你已經(jīng)記住了它。隨著滾動,這個盒子(這是一個揚聲器系統(tǒng))使用一系列彈出的氣泡與你“對話”。這種概念非常有趣、新鮮并超級迷人。SteveVorass利用“隱藏導航”展示了他的各種項目。投資組合類型的網(wǎng)站使用一種在屏幕頂端的簡單的“工作、概要、聯(lián)系”導航,同時圖像也是導航工具。每張不同類型的圖像將帶你到不同的項目。更重要的是,當你的鼠標懸停在圖片上時,他們會提醒你點擊后將帶你到哪里。網(wǎng)站的整體設計有一種簡單的外觀和意想不到的像墻一樣的動畫效果。CaavaDesign引人注目的地方在于圖像選擇和有趣的形狀,但是更具有創(chuàng)意的是滾動。整個網(wǎng)站建立在時間軸上。每個圖像“氣泡”帶你到另一個信息級別。使它特別的是你根本不需要看懂時間軸就能導航和明白這個網(wǎng)站。它是一個功能非常強大的組織。Joint的網(wǎng)站向我們展示了標簽本身就是一個具有創(chuàng)造性的設計業(yè)務。每個頁面給你用來導航的可點擊的選擇。這個方案很簡單,僅用灰色和白色(除了友情鏈接會包括彩色照片)但懸停效果和可讀性是很奇妙的。它會讓你想一直點擊下去來看看到底這個網(wǎng)站是什么樣子。Ballantyne使用很棒的圖片組合、有趣的形狀和非??岬臐L動效果讓你著迷。時裝零售商的網(wǎng)站上展示了一個很棒的產品選擇頁面,同時提供有趣的公司和產品信息。每個滾動軸通過上下按鈕移動三個圖片面板來顯示新圖片。滾動效果在幾個屏幕間持續(xù),你會不由自主地想看看接下來會發(fā)生什么。另外,酷酷的斜邊使?jié)L動的效果變的更加無縫和有趣。結束語:很多年來,設計師們從來不說“沒有原創(chuàng)的想法?;蛘呶艺J為那種想法瘋了”。

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論