視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
專題頁面圖趣之前給大家?guī)磉^不少教程,類似網(wǎng)頁設(shè)計(jì)專題技巧淺析,關(guān)于專題網(wǎng)頁設(shè)計(jì),你怎么看? 等,大家可以移步過去看詳細(xì)教程。
年關(guān)將至加上是“最火網(wǎng)游”促銷活動,大部分促銷活動都希望給用戶熱鬧、紅火的購物氛圍,所以在顏色的選擇上多數(shù)都會以紅黃為主,也考慮過要不要把背景改成紅白搭配,走安全路線迎合火的氣氛,后來想想紅白搭配和最近的圣誕有混淆的可能。還是決定在寒假上做點(diǎn)文章,一群人在雪地上撒點(diǎn)野的場景,還好得到了需求方的認(rèn)可。
★人物選擇要與環(huán)境相協(xié)調(diào)。調(diào)整一下人物的衣服顏色之類的做法,也是個不錯的選擇。
★做一些不經(jīng)意間無法察覺的細(xì)節(jié),也許能讓你的設(shè)計(jì)看起來更加精致。另外還有1像素的高光和陰影、淺淺的描邊和漸變、細(xì)微的陰影等等
★關(guān)于專題標(biāo)題,太長的句子瀏覽者通常不愿意閱讀,專題設(shè)計(jì)時,標(biāo)題文字需要適當(dāng)?shù)牟鸱帧7治鲞@句話中最吸引你的文字是什么。將其拆分,然后對重要文字做一些大小、色彩、形狀、質(zhì)感等方面做改變,最重要的是文字要清晰明了。
新年促銷活動,一開始想致力于氣氛的營造,烘托出濃濃的年味,選用深色背景開始設(shè)計(jì),大環(huán)境做好后給需求方看了下,覺得亮度偏低、有些壓抑,希望能明快喜慶一些。X_X 重來~ 過年,門上往往會倒貼著的大紅“福”字,所以決定選用這樣的幾何圖形來構(gòu)筑框架,顏色上選擇了過年常用的紅黃色。
★在設(shè)計(jì)之前要與策劃人員充分溝通,以免造成悲劇。需求部門一般會對頁面視覺風(fēng)格上有傾向:明快、喜慶、大氣、溫馨…根據(jù)主題內(nèi)容,用最該用的顏色來表現(xiàn)。
★幾何圖形在頁面中往往能起到大梁的作用,也是網(wǎng)頁內(nèi)容最為常用的承載面板用好了還能提升頁面視覺層次。還得努力~
同樣是一個臨近新年的特賣活動,一開始沒什么想法。從一些游戲的壁紙,和一些平時收集的專題中尋找思路?;顒訉n}一般時間都很緊迫,所以我覺得,平時收集一些精美的壁紙,好的頁面做參考做素材是有必要的。(高手別鄙視 ^。^ )
為了避免頁面過于沉悶,在頭部加了一些光影效果。
★設(shè)計(jì)上采用近實(shí)遠(yuǎn)虛,如果背景圖片質(zhì)量不佳,減少飽和度,和增加一些紋理細(xì)節(jié)也不錯
★按鈕之類需要重點(diǎn)突出的,使用對比色是個方法,次要、不重要的內(nèi)容盡量減少使用這種顏色。正所謂萬花叢中一點(diǎn)綠。同時重要的東西細(xì)節(jié)多一些,次要、不重要的東西減少細(xì)節(jié)。
在線生成書法字體網(wǎng)站
http://sf.kdd.cc/
http://www.ooopic.com/zaixianshufa/index.php?action=getFont
http://www.yooyoo360.com/sf/(這網(wǎng)站下面有一個版塊,有關(guān)于你輸入文字的其它素材,對字體設(shè)計(jì)有參考作用,對于字體設(shè)計(jì)參考網(wǎng)站,個人還發(fā)現(xiàn)一個:http://ziti.cndesign.com/)
Photoshop 3D濾鏡
Alien Skin Eye Candy5里的 Impact > Extrude
雖說3D軟件及AI里的3D功能都很好用,這個插件重在是一個濾鏡,方便,后期在PS里面加上材質(zhì),也能有不錯的效果
本文地址:http://irelandcustomcontracting.com/tutorial/di1495.html