建站常識
科學(xué)與藝術(shù)兼顧的有效網(wǎng)頁視覺設(shè)計
2007-09-13 14:57:00
總的來說視覺設(shè)計是一個很大的范疇,囊括了我們身邊很多產(chǎn)品的再創(chuàng)作設(shè)計,比如工業(yè)產(chǎn)品設(shè)計,廣告設(shè)計,新媒體設(shè)計,服飾設(shè)計,還有我們這里要討論的網(wǎng)頁視覺設(shè)計。
上面是來自澳洲 Hiser Group 的網(wǎng)頁視覺設(shè)計元素歸納圖示,他把網(wǎng)頁中可能涉及的視覺設(shè)計分成了屏幕布局,圖形用戶界面和品牌形象三個模塊。但是根據(jù)考慮角度的不同,我個人覺得應(yīng)該稍微調(diào)整一下,可以把網(wǎng)頁視覺設(shè)計簡單分為兩個類型:基于科學(xué)考慮的功能性圖形設(shè)計和基于視覺藝術(shù)考慮的視覺沖擊設(shè)計。
#p#理性
基于科學(xué)考慮的功能性圖形設(shè)計也就是我們經(jīng)常討論的GUI,它主要服務(wù)于系統(tǒng)化平臺的交互系統(tǒng),協(xié)助、指導(dǎo)用戶順利完成期望的任務(wù)流程,一般我們接觸到的視覺設(shè)計元素包括:
- 圖片按鈕;
- 導(dǎo)航設(shè)計;
- Banner動畫或靜態(tài)設(shè)計;
- 表單樣式設(shè)計;
- 表格、數(shù)據(jù)、文字表現(xiàn)設(shè)計;
- logo設(shè)計
- 以及圖形化不強的頁面文字排版、空白布局設(shè)計
上圖是來自Rokey的Verycd 設(shè)計原型
也是因為這種類型的設(shè)計附屬與功能和需求,所以可以說它偏理性考慮,更何況經(jīng)過長期的運用開發(fā),人們已經(jīng)總結(jié)出不少經(jīng)歷實踐驗證的理論原則,可供我們后人參考。所以這類型的設(shè)計核心是以UCD為指導(dǎo)思想,設(shè)計偏重實用性和有效性,設(shè)計目的是促成交互操作的順利完成,并獲得滿意的任務(wù)反饋。
以前零碎的和一些朋友討論過類似的話題,感興趣的可以查看一下:“容易被點擊的按鈕調(diào)查”和“設(shè)計友善的表單”
#p#感性、個性
再說說基于視覺藝術(shù)考慮的視覺沖擊設(shè)計,這類型的設(shè)計自由空間大,沒有太多理論約束,更多體現(xiàn)出個性元素的概念,其多運用于概念產(chǎn)品、時尚產(chǎn)品、游戲娛樂等獨立站點或個人Portfolio Gallery站點里。
上圖是來自http://www.rhythmoflines.co.uk/
盡管我們不斷推崇務(wù)實的簡約設(shè)計概念,但是另類的創(chuàng)新藝術(shù)表現(xiàn)還是不時的沖擊著我們不斷變化的行業(yè)趨勢。這類設(shè)計的好處在于:
- 容易創(chuàng)新出新型的交互設(shè)計模式;
- 增加產(chǎn)品自身的品牌價值,也就是我們所說的“化腐朽為神奇”
- 深刻的視覺沖擊,有利于品牌形象的傳播;
- 具有藝術(shù)收藏性,樹立流派典范;
- 激勵不同類型的設(shè)計嘗試;
不過如果從實用性來考慮,它可能也會存在下面的不利之處:
- 生存周期相對較短,也就是高投入未必能帶來長期利用率;
- 瀏覽文件大,需要更多下載時間,如果平衡的不好,很容易起到負(fù)面效果;
- 兼容性考慮不夠,比如插件要求,分辨率要求等;
- 目標(biāo)群體的局限性;
總的來說,根據(jù)具體運用和項目的商業(yè)策略的不同,我們在設(shè)計管理上也應(yīng)該做相應(yīng)的平衡,是提高有效的視覺傳達(dá)?還是個性品牌的沖擊? 這就如同我們在科學(xué)與藝術(shù)直接需要平衡點一樣。
最后想補充一個話題,記得之前白鴉曾疑惑為什么現(xiàn)在有很多GUI都想轉(zhuǎn)行做UI或ID(interaction design),而忽視視覺設(shè)計的價值?我覺得這里面有下面幾個原因:
- 市場惡性競爭,促使視覺審美下降,從而導(dǎo)致創(chuàng)意制作的貶值。所以,除去個別優(yōu)秀的視覺設(shè)計師,處于中間或下層的設(shè)計師很容易失去自我價值的鼓舞而放棄自己的初衷,希望能夠?qū)ひ捯粋€新的行業(yè)方向。而根據(jù)現(xiàn)在的市場需求,UI、ID應(yīng)該是一個比如容易切入的方向,畢竟通過理論的補充,可以在很短時間內(nèi)有效的提高設(shè)計師自身的設(shè)計理念而適應(yīng)新的行業(yè)需求。
- 還有一個原因也是上面提到的市場需求決定了設(shè)計師對可用性和用戶體驗的關(guān)注,目前大多數(shù)設(shè)計師都服務(wù)于綜合性媒體的網(wǎng)絡(luò)公司,這樣也就局限了他們創(chuàng)意設(shè)計的需求,取而代之的更多是對實用性,高效性的頁面設(shè)計要求,所以學(xué)習(xí)相關(guān)的理論知識以適應(yīng)公司發(fā)展需求是非常容易理解的,
- 最后就是設(shè)計師本身的自我定位,據(jù)我所知,國內(nèi)目前并沒有一個很好的針對網(wǎng)頁視覺設(shè)計或用戶中心設(shè)計的專業(yè)培訓(xùn),所以,入行的設(shè)計師未必都有很好教育背景,大多都是因為興趣愛好或市場需求而不斷調(diào)整自己在整個行業(yè)中的角色,就業(yè)的需求,再加上諸如UCDCHINA理論資源的不斷涌入,讓很多本就不成熟或說對自己職業(yè)方向不明確的設(shè)計師,看到新的適合空間,所以這樣的轉(zhuǎn)行也是完全可以理解的。
其實無論什么類型的設(shè)計師,熱衷于自己所服務(wù)的人群,能從中獲得職業(yè)成就,并得到人群的認(rèn)可就應(yīng)該算一種成功了。設(shè)計的好處就在于能讓我們身邊的生活更“美好”。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2006-01-06 21:54:00] 網(wǎng)頁設(shè)計的藝術(shù)處理原則
- [2005-12-27 00:00:00] 從美的原則談網(wǎng)頁上的藝術(shù)表現(xiàn)
- [2006-01-08 21:00:00] 從美的原則談網(wǎng)頁上的藝術(shù)表現(xiàn)
- [2006-01-06 21:51:00] 搭配的藝術(shù)--談主頁用色
- [2009-05-17 10:00:00] 藝術(shù)與視覺設(shè)計批判——用戶
- [2006-07-25 08:09:00] 網(wǎng)頁設(shè)計中留白的藝術(shù)
- [2009-10-27 22:34:00] 女裝類網(wǎng)頁視覺設(shè)計分享
- [2005-12-28 13:58:00] 網(wǎng)頁視覺設(shè)計基本技巧
- [2006-07-14 11:45:00] 倫敦MeCompany網(wǎng)站設(shè)計師談網(wǎng)頁布局藝術(shù)
- [2006-01-08 20:54:00] 網(wǎng)頁藝術(shù)設(shè)計初步探討
- [2006-06-30 09:02:00] 如何引導(dǎo)自已成為一名網(wǎng)頁視覺設(shè)計師
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島網(wǎng)站建設(shè)基礎(chǔ)知識 HTML5 網(wǎng)站設(shè)計趨勢 如何做網(wǎng)站優(yōu)化 企業(yè)網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 互聯(lián)網(wǎng) 青島抖音小程序開發(fā) 網(wǎng)站SEO SEO 手機端的網(wǎng)站 青島網(wǎng)站制作 青島海洋投資集團(tuán) 視覺靈感 審美 css 企業(yè)網(wǎng)站 微官網(wǎng) 空白和簡潔的設(shè)計 青島開發(fā)區(qū)建站公司 手機網(wǎng)站 用戶界面 扁平化設(shè)計 頁面設(shè)計 企業(yè)建站 青島網(wǎng)站建設(shè) 膠南網(wǎng)站建設(shè)公司 網(wǎng)站建設(shè),手機網(wǎng)站 集團(tuán)公司網(wǎng)站建設(shè) 程序開發(fā)