技術(shù)資訊
網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)的差異
2011-12-15 01:24:38
首先來看看網(wǎng)頁(yè)設(shè)計(jì)跟平面的共同點(diǎn):
1、都需要良好的視覺表現(xiàn);2、做網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)的人都需要有良好的審美能力;3、它們都是在平面上做設(shè)計(jì),而不是空間中做設(shè)計(jì);
我想,可能正是因?yàn)榈谌c(diǎn),大家都把他們混淆了。
網(wǎng)站設(shè)計(jì)跟平面設(shè)計(jì)的區(qū)別在哪呢?很多剛?cè)朐O(shè)計(jì)行業(yè)的人都會(huì)有這種疑問,其實(shí)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該屬于多媒體設(shè)計(jì)的范疇,多媒體設(shè)計(jì)是從屬于平面設(shè)計(jì)規(guī)律而又有很多不同的一個(gè)領(lǐng)域。要想做好網(wǎng)頁(yè)設(shè)計(jì),必然要在平面設(shè)計(jì)上下功夫,但一個(gè)好的平面設(shè)計(jì)師不一定就能做好網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)注重交互性、操作性跟瀏覽性。如果細(xì)分出來主要差別有一下幾點(diǎn):
1、設(shè)計(jì)概念的差別
平面設(shè)計(jì)的核心是品牌。它要以品牌為出發(fā)點(diǎn)去設(shè)計(jì),要在視覺上100%體現(xiàn)品牌的魅力。
網(wǎng)頁(yè)設(shè)計(jì)的核心是用戶。網(wǎng)站的目的是與用戶100%溝通,是要實(shí)現(xiàn)某些特定的功能,這有點(diǎn)像電腦中的軟件。那么網(wǎng)頁(yè)設(shè)計(jì)其實(shí)是一種UI設(shè)計(jì),也就是所謂的界面設(shè)計(jì),要以用戶的操作習(xí)慣為出發(fā)點(diǎn)去設(shè)計(jì),換句話說也就是要設(shè)計(jì)得人性化,讓用戶使用得更方面,長(zhǎng)時(shí)間盯著網(wǎng)頁(yè)看也不覺得累。這也就是為什么眾多門戶要用白色做為頁(yè)面主色調(diào)的原因,因?yàn)榘咨淳昧瞬粫?huì)造成眼睛疲勞,而鮮艷的顏色看久了會(huì)眼困。
2、網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)有各自的主流風(fēng)格和默認(rèn)的規(guī)則
也許大家也注意到了,有的時(shí)候網(wǎng)頁(yè)上很舒服的字體做成平面就怪怪的,平面上絢麗的顏色放在網(wǎng)頁(yè)上又鬧心的不得了,這就是各自的默認(rèn)規(guī)則在作怪。拋開印刷字體和RGB、CMYK的這些技術(shù)區(qū)別,人的思維定式是最重要的。因?yàn)槿嗽诳淳W(wǎng)頁(yè)的時(shí)候,那么他的潛意識(shí)就告訴他,你在看的是一個(gè)網(wǎng)頁(yè),而不是平面,反之亦然。那么每個(gè)人心中的對(duì)平面和網(wǎng)頁(yè)都有一個(gè)自我默認(rèn)的風(fēng)格和規(guī)則,即大部分網(wǎng)頁(yè)是這么做的,大部分平面是那么做的。我們每個(gè)設(shè)計(jì)人員可能不會(huì)認(rèn)為有區(qū)別,但事實(shí)是大多數(shù)瀏覽者是認(rèn)為有區(qū)別的,那么你不遵守這些所謂的規(guī)則就會(huì)讓別人覺得怪怪的。
雖然這么說,但不管是主流風(fēng)格還是默認(rèn)規(guī)則也是可以互通的,當(dāng)然這就是設(shè)計(jì)師的水平問題了,前提條件是這個(gè)設(shè)計(jì)師要做過平面也做過網(wǎng)頁(yè)。否則不要想當(dāng)然的認(rèn)為這樣的網(wǎng)頁(yè)人家也很容易接受。
3、顏色運(yùn)用的區(qū)別
平面設(shè)計(jì)可以使用成千上萬(wàn)種顏色,換句話說可以使用所有顏色,但是網(wǎng)頁(yè)設(shè)計(jì)不行!網(wǎng)頁(yè)設(shè)計(jì)中規(guī)定了240種安全色,也就是說只能使用這240種顏色才能使網(wǎng)頁(yè)更加漂亮,更加有兼容性。
4、處理與制作方面的差別問題
傳統(tǒng)平面設(shè)計(jì)的作品大多是以印刷的平面形式表現(xiàn);而網(wǎng)頁(yè)設(shè)計(jì)作品則是透過顯示器表現(xiàn),并且在傳輸?shù)倪^程中受到網(wǎng)路頻寬的限制。普通印刷是按照色素的減法原理進(jìn)行的,設(shè)計(jì)時(shí)的顏色模式為 CMYK ,而電腦的顯示器的色彩原理則是以色光合成加法原理進(jìn)行的,是 RGB 模式,使用同樣的顏色,但是在不同的顏色模式下,顯示的效果是會(huì)有色差的。
你的網(wǎng)頁(yè)設(shè)計(jì)制作成任何樣子都是可以切圖的,不存在水平與能力的問題,只存在于復(fù)雜與不復(fù)雜的問題。復(fù)雜所帶來的問題就是代碼擁擠、圖片過多、加載很慢、客戶體驗(yàn)很差。當(dāng)然對(duì)于追求不同目的的網(wǎng)站取舍也很重要。但不是所有的網(wǎng)站都必須以設(shè)計(jì)為導(dǎo)向,制作為輔助的,很多網(wǎng)站其實(shí)換一種型式或是舍去一些效果,可以帶來更高的性價(jià)比。
網(wǎng)頁(yè)設(shè)計(jì)不僅僅是在做設(shè)計(jì),更多的是要考慮網(wǎng)頁(yè)的打開速度、兼容性等問題。所以有時(shí)候不得不為了照顧這些特殊的要求而犧牲美觀。我們往往看到門戶站的網(wǎng)頁(yè)都是大量的文字,這其實(shí)是為了減少頁(yè)面的打開時(shí)間。韓國(guó)的網(wǎng)站喜歡用大量的圖片、FLASH,那是因?yàn)轫n國(guó)的網(wǎng)絡(luò)帶寬全球第二,它有那個(gè)條件去大量的實(shí)現(xiàn)視覺沖擊!而目前的中國(guó)不行!
在我的理解,除了一些全flash站點(diǎn)外的網(wǎng)站都要考慮實(shí)施與設(shè)計(jì)之間的契合點(diǎn)。尤其是無(wú)法循壞的背景、擴(kuò)出邊界的設(shè)計(jì)等等問題是所有實(shí)施人員的心魔。
5、圖片像素的差別
平面設(shè)計(jì)需要的圖片格式一般為 PSD CDR AI EPS 等比較大的源文件格式 或?qū)С龅腏PG 一般像素(分辨率)大于300的高清晰圖片,網(wǎng)站設(shè)計(jì) 一般為GIF 或PNG 或JPG 一般像素(分辨率)小于72的 顏色位小于 256 (在不影響圖片100%瀏覽的情況下縮小分辨率或色彩位)
6、目的的差異
傳統(tǒng)平面的設(shè)計(jì)作品是以向人們傳達(dá)某種資訊或訴求為目的。而網(wǎng)站制作的設(shè)計(jì)必須是配合網(wǎng)站的內(nèi)容設(shè)計(jì),而不是單純地只為表現(xiàn)藝術(shù)而設(shè)計(jì)。除了擁有平面設(shè)計(jì)作品的功能以外,還有重要的引導(dǎo)和連接功能,也就是網(wǎng)頁(yè)具有很強(qiáng)的可操作性和互動(dòng)性。
很多人都覺得網(wǎng)頁(yè)設(shè)計(jì)隸屬于與平面設(shè)計(jì),其實(shí)差別還是非常大的,不過有一定的平面設(shè)計(jì)做起網(wǎng)頁(yè)設(shè)計(jì)來會(huì)得心應(yīng)手,因?yàn)橐呀?jīng)有了一定的平面美術(shù)功底,這樣設(shè)計(jì)出來的網(wǎng)頁(yè)在美觀程度上會(huì)好很多,這也難怪會(huì)有很多網(wǎng)頁(yè)設(shè)計(jì)師都是從平面設(shè)計(jì)轉(zhuǎn)過來的。
就是很多人覺得做網(wǎng)站就要做得很絢麗,很好玩。其實(shí)這些人是把做網(wǎng)站和做網(wǎng)絡(luò)廣告給弄混淆了!
我們平時(shí)看到很多品牌的網(wǎng)站,很絢麗、很好玩、甚至很有創(chuàng)意。但是別忘了!那其實(shí)是網(wǎng)絡(luò)廣告而已!雖然那表面上是個(gè)網(wǎng)站。網(wǎng)絡(luò)廣告的目的跟其他廣告一樣,為的就是宣傳品牌形象、介紹產(chǎn)品功能等等。但是網(wǎng)站不一樣!一個(gè)網(wǎng)站是要實(shí)現(xiàn)某些具體的功能,也就是說網(wǎng)站是要功能>美觀,而網(wǎng)絡(luò)廣告是要美觀>功能。
總結(jié),現(xiàn)在中國(guó)的大部分開發(fā)公司的模式注定了設(shè)計(jì)師們思維和對(duì)網(wǎng)頁(yè)的高度感還有所欠缺。大部分網(wǎng)頁(yè)設(shè)計(jì)師根本不懂切圖,也不懂程序,更不懂SEO,但事實(shí)是,這些東西對(duì)于大多數(shù)網(wǎng)站比設(shè)計(jì)本身要重要的多。網(wǎng)頁(yè)近似于平面,但我認(rèn)為只存在于少數(shù)設(shè)計(jì)中。平面設(shè)計(jì)可以是自由的、充滿創(chuàng)意的,但網(wǎng)頁(yè)設(shè)計(jì)則并不是一個(gè)自由的設(shè)計(jì),需要考慮的東西很多。
近期更新
- [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頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [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è)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2009-01-20 09:01:00] 網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)發(fā)展歷程之2006
- [2014-10-14 09:49:31] 網(wǎng)頁(yè)設(shè)計(jì)中需要掌握的功能以及美化
- [2009-03-28 18:57:00] 全局于網(wǎng)站整體的網(wǎng)頁(yè)設(shè)計(jì)
- [2014-10-13 09:22:31] 罕見網(wǎng)站設(shè)計(jì)心得
- [2015-01-10 17:24:53] Windows10會(huì)有32位系統(tǒng)么?會(huì)對(duì)我們青島網(wǎng)站建設(shè)又影響嗎?
- [2011-09-10 23:13:10] 青島網(wǎng)站建設(shè)哪家好?
- [2015-03-18 08:23:20] 響應(yīng)式網(wǎng)站布局分析與應(yīng)用?
- [2012-11-20 16:47:09] dede采集重新生成摘要
- [2011-10-15 16:47:07] 網(wǎng)絡(luò)營(yíng)銷主要方法
- [2013-06-12 17:23:56] 個(gè)性手繪效果在網(wǎng)頁(yè)設(shè)計(jì)上的應(yīng)用
- [2011-11-27 22:47:04] 什么是面包屑導(dǎo)航?
- [2011-11-10 00:29:06] 青島網(wǎng)站設(shè)計(jì)中如何增強(qiáng)網(wǎng)站的SEO優(yōu)化 提高排名
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島輪胎網(wǎng)站設(shè)計(jì) IT資訊 集團(tuán)公司網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 網(wǎng)站推廣 微官網(wǎng)帶來的好處 良好的導(dǎo)航 高端網(wǎng)站設(shè)計(jì) HTML5 網(wǎng)站SEO 青島網(wǎng)站SEO 手機(jī)網(wǎng)站 青島高端網(wǎng)站建設(shè) 微官網(wǎng) php程序 青島輪胎網(wǎng)站設(shè)計(jì)公司 企業(yè)網(wǎng)站 如何做網(wǎng)站優(yōu)化 集團(tuán)官網(wǎng) H5專題頁(yè)面 網(wǎng)站的速度 微信營(yíng)銷的優(yōu)勢(shì) 力圖數(shù)字科技 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站改版 程序開發(fā) 扁平化設(shè)計(jì) 網(wǎng)站品牌 青島好的網(wǎng)站優(yōu)化公司 青島網(wǎng)站案例