技術(shù)資訊
網(wǎng)頁的視覺設(shè)計要點
2012-02-27 14:25:24
網(wǎng)頁設(shè)計,和其他平面或者立體設(shè)計一樣,都是為了更好的表現(xiàn)視覺效果,所以青島網(wǎng)站設(shè)計和其他廣告設(shè)計都是有著相通之處,往往越是簡潔的東西越難做。越是簡潔的網(wǎng)站設(shè)計,對設(shè)計師的水平要求越高,簡潔的網(wǎng)頁,很容易就設(shè)計成簡單的網(wǎng)站了。
設(shè)計需要創(chuàng)新的精神,才能產(chǎn)生Big Bang!而設(shè)計師的修為高低在于:你是否恰到好處的占領(lǐng)了原點的前端。
近幾年,經(jīng)常聽到一個詞“趨勢”,大致意思是:事物發(fā)展的動向。我認為這個詞用在觀察金融交易市場規(guī)律上大致可取,但是用在設(shè)計發(fā)展規(guī)律上就不妥了。
舉例說明:年年都有所謂的XX年LOGO設(shè)計趨勢的文章,列舉一些案例進行圈圈點點。但一年之內(nèi)有關(guān)logo的設(shè)計項目有多少呢?僅憑借所謂的“趨勢”去概定當年的全部設(shè)計風(fēng)格,這是十分可笑的事情。
而更令人不解的是,許多人將此借鏡為鑒,并不理會其是否合適自身項目,還或有表示,對此不認同的他人是不懂趨勢。私以為,這不是“趨勢”,而是“逼勢”。當“趨勢”成了“逼勢”那便成了一件壞事,但事實上“趨勢”本身并不壞。
設(shè)計是O,O是什么,O是Origin原點,《生活大爆炸》的片頭就是一切原點的起源,而人類發(fā)展史就是一個越滾越大的原點,總是發(fā)現(xiàn)有一個不斷循環(huán)的規(guī)律,藝術(shù)是如此,設(shè)計更是如此。
Metro UI風(fēng)格設(shè)計是近期比較經(jīng)常被提到的一個新的“趨勢”,據(jù)說Metro設(shè)計風(fēng)格的靈感來源于機場和地鐵系統(tǒng)所使用的視覺語言,但其實早在十年前,整個荷蘭設(shè)計界就已把所謂Metro UI風(fēng)格運用的相當普遍了,其中主要以登貝設(shè)計Studio Dumber和Dietwee為代表,且當時深圳眾多的設(shè)計公司也多有采用Metro UI風(fēng)格。而如今微軟則是運用強大的影響力和專利意識恰到好處的占領(lǐng)了原點的前端。=
Metro UI風(fēng)格設(shè)計,重在平面排版設(shè)計。
平面排版設(shè)計要求越高,簡單的東西便越難做。Metro UI風(fēng)格設(shè)計的元素需要很嚴謹?shù)目臻g規(guī)劃,字體在塊面上的位置及留白相當重要,而塊面在版塊中的布局也需要很好的拿捏。
但簡體中文在空間中的位置卻相對難以控制,在一塊方形的塊面上英文字顯得瀟灑上流,中文字則莫非如是,怎么可以做出好的Metro UI風(fēng)格設(shè)計呢?
其實Metro UI風(fēng)格的應(yīng)用,如果想要簡體中文得體,那色塊恐怕比英文要大,空間也需要稍微大一點,無論在哪個平臺,網(wǎng)頁、操作界面、平面媒體、廣告等等,越是簡潔越難玩得透,拿微軟官網(wǎng)的中文版和英文版來比較,由于色塊空間與字號對比不理想等原因,中文版的視覺效果明顯較弱。
靜下心來,認真思考游戲、網(wǎng)頁、交互等問題后,我認為游戲頁面的視覺設(shè)計最主要的是對游戲元素的提煉,而只有玩了游戲才能更好的理解這個游戲的精髓。如果連產(chǎn)品都不甚了解,是難以將產(chǎn)品包裝的創(chuàng)意設(shè)計做好的。對于游戲元素的提煉,并不在于偏向或輕或重的質(zhì)感風(fēng)格,將網(wǎng)站復(fù)雜化,而是需要看設(shè)計師對游戲風(fēng)格的把握及運用。
例如:劍靈的官網(wǎng),很好的提煉了墨元素,貫穿、輕靈、律動。其實提煉并不是堆砌,抓住一個到位的點已經(jīng)非常得當,這就是智慧。
所謂“趨勢”其實就是潮流,潮流的名字本身就很好,「潮」代表其一陣漲一陣退,后浪推前浪,「流」則代表其永不停下來朝一個方向前進。如果潮流是一條河,你是做潮流前端帶領(lǐng)者,還是后面的追隨者又或者是置身在外的旁觀者?潮流總是循環(huán)往復(fù),十數(shù)年后健美褲又以微弱的勢頭東山再起,不過這次它變幻成了頗受街頭潮人追捧的打底褲,也叫褲襪、緊腿褲、綁腿褲,英文名字叫Legging。上世紀80年代,青少年的招牌服飾是蘿卜褲?,F(xiàn)在哈尼褲來了,只是改良版的蘿卜褲。
同樣提煉非常到位的Skyrim網(wǎng)站,利用了一些紋飾非常到位的裝飾了UI,甚至連導(dǎo)航的分格都非常完美的用了方形的鐵丁片,使用戶對產(chǎn)品的屬性認知層面上更深入。
本文并不是批判Metro UI風(fēng)格,也不是批判喜歡Metro UI風(fēng)格的人,只是不想讓“趨勢”成了“逼勢”,要玩好一個風(fēng)格首先要知道是否合適自家產(chǎn)品,如何揚長避短。形式很重要,風(fēng)格也很重要,還要看怎樣巧妙運用與結(jié)合。
用心體驗游戲,用心提煉游戲元素,這是對玩家100%的誠意所在。
潮流趨勢是“循環(huán)”的,對于潮流的選擇,關(guān)鍵要符合自己的風(fēng)格,而不是盲目地跟著每每的流行而變化,適合自己才是最重要的。說到底,或許是我們失去了自信。那么,我們的自信哪里去了?我希望我們可以作為占領(lǐng)潮流前端,而不是跟著別人的屁股,我現(xiàn)在還是一個跟著別人屁股走的人,但仍希望有朝一日可以作為一個帶領(lǐng)者,而不是跟附趨勢,特寫此文與各位共勉。
設(shè)計就是在人類文化長河里一個越滾越大越充實的O,不斷的加以新元素融合老元素,一波又一波,循環(huán)。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-12-18 09:16:13] 網(wǎng)站設(shè)計可用性的重要之處
- [2012-01-18 22:24:24] 網(wǎng)站如何獲取高質(zhì)量的內(nèi)容
- [2014-09-27 00:52:56] 響應(yīng)式網(wǎng)站的利與弊
- [2012-02-19 21:01:54] 網(wǎng)頁設(shè)計如何傳達信息
- [2015-03-11 09:22:14] 新建站優(yōu)化,加快百度收錄。
- [2012-03-25 12:24:35] 突破網(wǎng)站設(shè)計的最后一公里
- [2012-08-23 08:52:53] 網(wǎng)絡(luò)廣告與網(wǎng)站推廣的步驟
- [2011-10-24 23:08:40] 如何讓論壇和博客廣告不被刪除?
- [2013-12-28 22:19:17] 表格在網(wǎng)站設(shè)計中的表現(xiàn)方式分析
- [2012-11-08 17:18:12] 海信地產(chǎn)網(wǎng)站設(shè)計完成
- [2011-10-15 16:47:07] 網(wǎng)絡(luò)營銷主要方法
- [2014-09-21 23:23:59] HTML5的發(fā)展趨勢與應(yīng)用效果
解決方案
輪胎行業(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è)計解決方案 集團公司網(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)站 青島黃島、紅島網(wǎng)站建設(shè)公司 外貿(mào)網(wǎng)站建設(shè) 集團公司網(wǎng)站建設(shè) 網(wǎng)站的速度 php程序 如何做網(wǎng)站優(yōu)化 青島IT資訊 微官網(wǎng)帶來的好處 力圖數(shù)字科技 青島網(wǎng)站SEO H5專題頁面 網(wǎng)站建設(shè),手機網(wǎng)站 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) H5定制設(shè)計 網(wǎng)站推廣 網(wǎng)站策劃 青島SEO 青島flash網(wǎng)站 青島網(wǎng)絡(luò)公司 網(wǎng)站改版 青島輪胎網(wǎng)站設(shè)計 良好的導(dǎo)航 互聯(lián)網(wǎng) 空白和簡潔的設(shè)計 網(wǎng)站開發(fā) 青島高端網(wǎng)站建設(shè)公司哪家好 微信開發(fā) 搜索引擎 官網(wǎng)建設(shè)