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