建站常識(shí)
美工自我培養(yǎng)的幾點(diǎn)經(jīng)驗(yàn)總結(jié)
2009-10-27 08:11:00
隨著公司影響力的壯大和產(chǎn)品的不斷提升,相關(guān)的形象設(shè)計(jì)要逐步跟得上,需要逐漸提升,所以就招一個(gè)應(yīng)屆生美工,算是一塊成長(zhǎng)。應(yīng)屆生有拼勁、肯學(xué),但也好高騖遠(yuǎn),起點(diǎn)都差不多,如何培養(yǎng)美工就變得至關(guān)重要了。總結(jié)自己接觸和學(xué)習(xí)設(shè)計(jì)的一點(diǎn)經(jīng)驗(yàn)與大家分享,希望得到大家更多的建議。
一、配色
其實(shí)對(duì)色彩的感覺(jué)是設(shè)計(jì)師應(yīng)具備的最基本素質(zhì),其作品不管是對(duì)網(wǎng)頁(yè)界面、系統(tǒng)界面、還是產(chǎn)品包裝等等都有廣泛應(yīng)用?;镜囊恍├碚?,什么冷暖色、對(duì)比色/補(bǔ)色、色彩心理、搭配原則等等,滿大街都是,有意者隨便搜一兩篇看看就行。色彩對(duì)于美工設(shè)計(jì)師來(lái)說(shuō),更重要的是一種感覺(jué),就像打籃球投籃的手感一樣,多看,多練,這種感覺(jué)是可以后天練出來(lái)的。Mars剛接觸設(shè)計(jì)時(shí),連坐公交車時(shí)也會(huì)注意路邊某公司、飯店的招牌是如何配色,處處留意生活中色彩搭配的美,關(guān)于色彩截圖就更記不清有多少?gòu)埩恕?/p>
Mars覺(jué)得,設(shè)計(jì)師對(duì)顏色的運(yùn)用一般有這么幾個(gè)階段:
初級(jí)階段:用自己首映感覺(jué)最好的1~2種顏色,不考慮其他因素、他人感覺(jué);
過(guò)度階段:開(kāi)始感覺(jué)一兩種顏色單調(diào),盡量多嘗試不同色彩,該階段極容易出現(xiàn)沒(méi)目的的亂搭現(xiàn)象;
成熟階段:該階段了解了大眾對(duì)色彩的審美,開(kāi)始理性的用1~2種色系搭配,能體會(huì)到同種顏色不同色值的細(xì)微差別,大多設(shè)計(jì)師都在這個(gè)階段;
終極階段:把一種色彩用至極致,甚至只用黑白灰,完全沉浸某種顏色,甚至有點(diǎn)變態(tài),但其創(chuàng)作效果讓處于第三階段的設(shè)計(jì)師一看就是大師所為。
其實(shí)這也是個(gè)不斷練習(xí)積累的過(guò)程,這樣色彩的感覺(jué)才會(huì)提升。
二、布局
美工設(shè)計(jì)師除了對(duì)色彩要有好的感覺(jué)外,對(duì)布局也要有很好的把握,組合的好壞直接影響作品的效果。其實(shí)做好布局設(shè)計(jì)也不是很難,無(wú)非就以下幾步:
布局準(zhǔn)備:明確你表達(dá)內(nèi)容的主體部分需要哪些必要的文字和圖片。不要考慮太多細(xì)節(jié)。
布局版式:關(guān)于布局的版式多種多樣,在將重點(diǎn)內(nèi)容放在最顯眼的前提下,可自由選擇版式。對(duì)于網(wǎng)頁(yè)來(lái)講,根據(jù)大多數(shù)人從上到下、從左到右的瀏覽順序來(lái)考慮,應(yīng)該將最主要的內(nèi)容、圖片等放在頁(yè)面的左邊和上邊。
精細(xì)布局:整體配色、字體、各模塊的間距、插圖、增減內(nèi)容等各個(gè)方面的推敲。這一步是細(xì)活。
Mars覺(jué)得最鍛煉布局的方法是制作PPT。想把PPT制作美觀、精簡(jiǎn)并不是件容易的事。對(duì)于軟件行業(yè)的售前來(lái)說(shuō),如何制作漂亮的PPT應(yīng)該是他們自我內(nèi)修的一門必修課。PPT的布局做好了,其他網(wǎng)頁(yè)、宣傳冊(cè)等平面布局應(yīng)該都信手捏來(lái)。
三、細(xì)節(jié)
至理名言”細(xì)節(jié)決定成敗”,在設(shè)計(jì)領(lǐng)域了這句話更顯得重要。很多細(xì)節(jié)可能會(huì)被瀏覽者忽略,但對(duì)設(shè)計(jì)師來(lái)說(shuō)絕不可放過(guò),比如背景色、色彩漸變、各組件間間距、標(biāo)題樣式、高亮樣式、字體/大小/顏色、行/段間距、插圖位置/邊緣處理、輸入框?qū)捀?邊框色/背景色、按鈕的位置等等太多了。還是之前的話,只有你看得多了,比較得多了,才能看得出這些細(xì)節(jié)。有人覺(jué)得這些細(xì)節(jié)沒(méi)有什么大礙,但多個(gè)細(xì)節(jié)組合在一起就和讓人覺(jué)得不舒服。
舉例說(shuō)一下,以下是某系統(tǒng)里一篇文章下面的添加批注表單。上半部分是沒(méi)有經(jīng)過(guò)美化、由程序員直接寫的程序(上圖),下半部分是有設(shè)計(jì)師協(xié)助設(shè)計(jì)美化完成的表單界面(下圖)。
一般正常審美的人肯定覺(jué)得下面的好看,但卻不知好在哪?聽(tīng)Mars從各個(gè)角度詳解一下:
配色:字體顏色像是直接從32色板上取的,沒(méi)經(jīng)過(guò)考究;表單邊框色太重;表單背景與頁(yè)面背景相同,沒(méi)突出層次。
布局版式:此組件又沒(méi)有多行操作,無(wú)需使用列表形式;上圖保存按鈕在該組件標(biāo)題之上儼然不合理;組件的標(biāo)題的位置大小不夠醒目。
用戶體驗(yàn):明確這是一個(gè)系統(tǒng)里的界面組件,所以這個(gè)人既然都登進(jìn)來(lái)了,還用填記錄人嗎?時(shí)間也肯定就是提交時(shí)間?。惶峤蝗酥饕翘峤蛔约旱呐?,所以給他提供大片的提交內(nèi)容的輸入框即可,簡(jiǎn)單明了;提交按鈕,上圖需要再填完批注內(nèi)容后折回到左上角”保存”顯然不合理,下圖的界面大大方方右手邊一個(gè)按鈕,看起來(lái)明顯,操作起來(lái)舒服。
以上幾方面都是關(guān)于個(gè)人審美觀方面的提升,如果你不是打算進(jìn)行美學(xué)研究,我覺(jué)得過(guò)多的純理論學(xué)習(xí)不會(huì)對(duì)你的審美觀有太多提高。所以我的建議就是:多看,多模仿,多做,多比。切忌自己沒(méi)有什么審美觀就盲目創(chuàng)作,其實(shí)模仿沒(méi)什么可恥的,是學(xué)習(xí)的畢竟階段。好比有人模仿MJ跳舞,盡管不是很像,但最少會(huì)得到一小部分人的喜愛(ài)和追捧,比如在某校/班的圣誕晚會(huì)上;而如果不了解大眾審美,就很可能像芙蓉姐姐跳舞,只會(huì)是笑料罷了。養(yǎng)成良好的審美觀可以運(yùn)用到生活的方方面面,而生活的方方面面也鍛煉你的審美觀,像攝影、布置自己的房間辦公桌、服裝的搭配等,能提高你的生活品味。
四、心態(tài)
在累計(jì)階段,心態(tài)平和、踏實(shí)耐心,切忌急躁,美工本身就是細(xì)活,著急是沒(méi)用的。有了基本的審美觀,需要?jiǎng)?chuàng)作時(shí)心情放松,做些想做的事,吃點(diǎn)想吃的東西,隨心所欲,給提供自己創(chuàng)作靈感環(huán)境。不要意味的坐在電腦前去想,事倍功半,會(huì)把自己郁悶死。
五、技能
有了良好的審美基礎(chǔ)和創(chuàng)意,接下來(lái)就是制作了。相比較審美觀的培養(yǎng)和創(chuàng)意的來(lái)臨,Mars覺(jué)得一些工具技能是很好學(xué)得,無(wú)非就是我用鉛筆、還是毛筆畫(huà)的問(wèn)題。大概介紹下Mars接觸到的工具:
制圖技能:Photoshop(平面處理等)、Illustrator/CorelDraw(矢量圖)、Flash(動(dòng)畫(huà))、Premiere Pro (影視后期)等等這些只是應(yīng)用的工具;
頁(yè)面編程技能:html、css、JavaScript等;
優(yōu)化技能:壓縮圖片、網(wǎng)頁(yè)優(yōu)化等。
以上工具網(wǎng)上的教程一抓一大把,推薦網(wǎng)易教程??梢哉倚┗A(chǔ)的看一下,一回生二回熟,平時(shí)多用即可掌握,更深的技巧可以日后用到再研究完善,要邊用邊學(xué),這樣記憶深刻。
六、用戶體驗(yàn)
用戶體驗(yàn)一般出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)和系統(tǒng)界面設(shè)計(jì)里,是用戶和人機(jī)界面的交互過(guò)程,界面操作的易用性,直接影響了用戶對(duì)該款產(chǎn)品的印象。用戶體驗(yàn)是對(duì)美工更高的一個(gè)要求,甚至有點(diǎn)兒超越美工的范疇,但只有美工了解這些才能更合理地設(shè)計(jì)界面布局,整體搭配等等。
Mars知道用戶體驗(yàn)的重要性,但深入學(xué)習(xí)的還不多,但Mars會(huì)在看別人網(wǎng)頁(yè)、系統(tǒng)的同時(shí)記錄那點(diǎn)有著方便,很在下次自己的設(shè)計(jì)中體現(xiàn)出來(lái),算是一個(gè)模仿階段吧。這也是Mars一向的學(xué)習(xí)方法。
最后聲稱一下,Mars不是設(shè)計(jì)科班出身,沒(méi)有什么理論基礎(chǔ),以上總結(jié)都是實(shí)打?qū)嵉慕?jīng)驗(yàn)之談,希望得到更多好的建議。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [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)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(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è)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
解決方案
輪胎行業(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)鍵字
集團(tuán)性網(wǎng)站 色彩心理學(xué) 企業(yè)網(wǎng)站為什么要備案 微官網(wǎng)帶來(lái)的好處 企業(yè)網(wǎng)站建設(shè) GOOGLE 手機(jī)網(wǎng)站 營(yíng)銷型網(wǎng)站 H5專題頁(yè)面 官網(wǎng)建設(shè) 良好的導(dǎo)航 微網(wǎng)站 圖形網(wǎng)格 青島網(wǎng)站制作 用戶界面 舒適的界面 微信小程序 海信網(wǎng)絡(luò)科技 青島網(wǎng)站營(yíng)銷 網(wǎng)站制作 搜索引擎 青島SEO 青島輪胎網(wǎng)站設(shè)計(jì) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 營(yíng)銷型網(wǎng)站建設(shè) css 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 網(wǎng)站SEO 企業(yè)建站