網(wǎng)頁(yè)設(shè)計(jì)通常是指網(wǎng)站的設(shè)計(jì),而平面設(shè)計(jì)是指所有其他形式的視覺(jué)傳達(dá)的設(shè)計(jì),例如徽標(biāo),品牌,廣告和印刷媒體。網(wǎng)頁(yè)設(shè)計(jì)師負(fù)責(zé)網(wǎng)站的布局和功能,而平面設(shè)計(jì)師負(fù)責(zé)所有視覺(jué)通信的外觀和感覺(jué)。
在大多數(shù)情況下,網(wǎng)頁(yè)設(shè)計(jì)師和平面設(shè)計(jì)師共同努力,為品牌創(chuàng)造有凝聚力的外觀和感覺(jué)。但是,在某些情況下,公司可能只需要網(wǎng)頁(yè)設(shè)計(jì)師或僅需要平面設(shè)計(jì)師。
什么是平面設(shè)計(jì)?
圖形設(shè)計(jì)是組合文本、圖片和其他圖形元素以創(chuàng)建消息的視覺(jué)表示的實(shí)踐。平面設(shè)計(jì)師利用他們的創(chuàng)造力和技術(shù)技能來(lái)開(kāi)發(fā)能夠有效傳達(dá)想法的視覺(jué)概念。平面設(shè)計(jì)師的工作可能包括徽標(biāo),小冊(cè)子,雜志或網(wǎng)站界面的設(shè)計(jì)。
網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)有什么區(qū)別?
雖然網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)乍一看似乎相似,但它們實(shí)際上是兩個(gè)非常不同的學(xué)科。平面設(shè)計(jì)師負(fù)責(zé)產(chǎn)品的整體外觀和感覺(jué),而網(wǎng)頁(yè)設(shè)計(jì)師則專注于網(wǎng)站的布局和功能。
平面設(shè)計(jì)通常用于印刷媒體,如雜志和傳單,而網(wǎng)頁(yè)設(shè)計(jì)則專門用于網(wǎng)站。另一個(gè)關(guān)鍵區(qū)別是網(wǎng)頁(yè)設(shè)計(jì)師必須考慮不同的屏幕尺寸和分辨率,而平面設(shè)計(jì)師不必?fù)?dān)心這一點(diǎn)。
視覺(jué)元素
顏色
我們用于平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)的顏色系統(tǒng)是完全不同的。由于印刷依賴于CMYK,圖形設(shè)計(jì)通常使用CMYK顏色模式,僅使用3色墨水來(lái)完成所有印刷。因?yàn)閳D形設(shè)計(jì)中使用的顏色更側(cè)重于視覺(jué)流引導(dǎo)而不是突出顯示信息,這與網(wǎng)頁(yè)設(shè)計(jì)中的橫幅類似。
雖然網(wǎng)頁(yè)設(shè)計(jì)使用與其特殊成像相對(duì)應(yīng)的RGB,并且眾所周知,它專注于梳理信息結(jié)構(gòu)之間的關(guān)系,這就是為什么對(duì)于網(wǎng)站產(chǎn)品類別。因?yàn)榫W(wǎng)站上太多的強(qiáng)色會(huì)給網(wǎng)站訪問(wèn)者帶來(lái)視覺(jué)疲勞。
如何使用色輪?色彩理論的魔力
字體
字體是印刷設(shè)計(jì)或版式中的單一文字形式。它是一種用于設(shè)計(jì)和打印或在編程語(yǔ)言中表示數(shù)字或某些字符的排序。始終建議選擇適當(dāng)?shù)淖煮w,這些字體與其他內(nèi)容結(jié)合使用時(shí)具有吸引力,以使文本足夠吸引人。
但是,如果我們談?wù)摼W(wǎng)頁(yè)設(shè)計(jì)字體,為網(wǎng)頁(yè)設(shè)計(jì)選擇理想的字體在很大程度上取決于品味和要求。根據(jù)標(biāo)準(zhǔn),網(wǎng)頁(yè)設(shè)計(jì)師可以通過(guò)在CSS中設(shè)置樣式來(lái)使用任何字體。
但這不是一個(gè)好的選擇,因?yàn)樵S多瀏覽器仍然不支持HTML5的這個(gè)新API。更改后端對(duì)您來(lái)說(shuō)將非常昂貴,您甚至無(wú)法確保在大型顯示器上平滑滾動(dòng)文本。如果您堅(jiān)持使用默認(rèn)字體,那就更好了。
圖形
良好的圖形設(shè)計(jì)最重要的方面之一是確保您的圖形與Web瀏覽器兼容。設(shè)計(jì)用于打印的圖形可能無(wú)法在網(wǎng)頁(yè)上正確呈現(xiàn),這可能會(huì)使您的網(wǎng)站看起來(lái)不專業(yè)。
此外,印刷媒體中使用的許多圖形(包括徽標(biāo)和插圖)需要高分辨率文件,而大多數(shù) Web 圖形都可以使用較低的分辨率。為您的網(wǎng)站創(chuàng)建圖形時(shí),請(qǐng)記住這些事項(xiàng),以確保您的網(wǎng)站看起來(lái)最好。
技術(shù)技能
平面設(shè)計(jì)師和網(wǎng)頁(yè)設(shè)計(jì)師使用的技術(shù)技能截然不同。對(duì)于平面設(shè)計(jì)師來(lái)說(shuō),技術(shù)技能涉及為印刷媒體(如傳單和海報(bào))創(chuàng)建自定義藝術(shù)品。
網(wǎng)頁(yè)設(shè)計(jì)師必須熟悉HTML,CSS和用于使網(wǎng)站正常工作的其他語(yǔ)言。網(wǎng)頁(yè)設(shè)計(jì)師通常必須注意一些事情,例如查看網(wǎng)站的統(tǒng)計(jì)信息,以了解用戶加載網(wǎng)站所需的時(shí)間。
信息載體
平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)經(jīng)常相互混淆,但這兩個(gè)學(xué)科之間存在關(guān)鍵差異。平面設(shè)計(jì)是結(jié)合文本,圖像和顏色以創(chuàng)建信息或想法的視覺(jué)表示的實(shí)踐。
平面設(shè)計(jì)師通常在印刷媒體中工作,例如雜志,報(bào)紙和小冊(cè)子。相比之下,網(wǎng)頁(yè)設(shè)計(jì)師專注于網(wǎng)站的布局和功能。Web設(shè)計(jì)人員使用HTML,CSS和JavaScript來(lái)創(chuàng)建既具有視覺(jué)吸引力又對(duì)用戶友好的設(shè)計(jì)。
瀏覽模式
使用瀏覽模式,您可以滾動(dòng)瀏覽整個(gè)網(wǎng)站以查看所有頁(yè)面以及它們的連接方式。這非常適合獲得網(wǎng)站的概述,并確保所有內(nèi)容的外觀和工作方式都符合預(yù)期。您還可以使用此模式更好地了解整體設(shè)計(jì)、調(diào)色板和字體。
信息傳播
網(wǎng)頁(yè)設(shè)計(jì)是關(guān)于網(wǎng)站的布局和結(jié)構(gòu),包括用戶與之交互的方式。另一方面,平面設(shè)計(jì)是通過(guò)使用類型,空間,圖像和顏色進(jìn)行視覺(jué)傳達(dá)和解決問(wèn)題的過(guò)程。平面設(shè)計(jì)師負(fù)責(zé)網(wǎng)站的外觀和感覺(jué),而網(wǎng)頁(yè)設(shè)計(jì)師則更專注于功能和用戶體驗(yàn)。
平面設(shè)計(jì)師經(jīng)常與網(wǎng)頁(yè)設(shè)計(jì)師合作,為網(wǎng)站創(chuàng)建一個(gè)有凝聚力的整體外觀和感覺(jué)。了解這兩個(gè)學(xué)科之間的區(qū)別非常重要,這樣您就可以確保為您的項(xiàng)目與合適的專業(yè)人員合作。
動(dòng)態(tài)和永久
平面設(shè)計(jì)既可以是動(dòng)態(tài)的,也可以是永久性的。它是當(dāng)代藝術(shù)的一種形式,與傳統(tǒng)的視覺(jué)藝術(shù)作品一樣,它可以以其他形式的交流方式(如廣告或公共關(guān)系)無(wú)法傳達(dá)信息。
平面設(shè)計(jì)師通常首先想到整體布局,然后制作字體和圖像以補(bǔ)充所呈現(xiàn)的信息。網(wǎng)頁(yè)設(shè)計(jì)是使用基于屏幕的媒體的圖形設(shè)計(jì)的最新形式。
DPI 和像素尺寸
DPI 和 PixelDimensions 提供了一個(gè)新的簡(jiǎn)單概念,允許根據(jù)指定的像素尺寸優(yōu)化圖像,并以正確的質(zhì)量自動(dòng)提供正確的圖像。