您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

如何做好一個(gè)網(wǎng)頁設(shè)計(jì)Banner?

 

一、我該繼續(xù)做網(wǎng)頁設(shè)計(jì)嗎?(奕暄)

  我現(xiàn)在快畢業(yè)一年了,專業(yè)是軟件工程,很不喜歡這個(gè)專業(yè),所以當(dāng)時(shí)就沒有選擇本專業(yè)的工作,可是我很喜歡做設(shè)計(jì),喜歡漂亮的圖片,實(shí)習(xí)的時(shí)候開始做網(wǎng)頁設(shè)計(jì),做了三個(gè)月,是個(gè)很一般的設(shè)計(jì),網(wǎng)站的div+css也是在學(xué)校學(xué)過的,后來經(jīng)朋友介紹到一家游艇公司做平面設(shè)計(jì),現(xiàn)在是做了8個(gè)月了,設(shè)計(jì)水平做企業(yè)內(nèi)部的一些東西還是很一般的。我現(xiàn)在準(zhǔn)備辭職了,我是覺得沒有方向了,很迷茫,不知道接下來找個(gè)什么樣的工作,我的設(shè)計(jì)水平不高,很想培訓(xùn)一下或者其他,平時(shí)工作挺忙的,也沒什么時(shí)間學(xué)習(xí),所以現(xiàn)在對(duì)這個(gè)職業(yè)規(guī)劃直接就斷了。我想請(qǐng)您給我指一條路,我是繼續(xù)做網(wǎng)頁設(shè)計(jì)呢,還是直接轉(zhuǎn)行了,需要再深造嗎?

  答復(fù):這個(gè)我不能斷言你到底該做哪一行,因?yàn)閭€(gè)人的實(shí)際情況只有自己最清楚,也不是你上面那一段文字能說得明白的,但是我想你如果真的喜歡網(wǎng)頁設(shè)計(jì),就不要輕易的丟掉它,不管你以后是否從事和設(shè)計(jì)相關(guān)的工作,是否靠它吃飯,哪怕從事和設(shè)計(jì)完全搭不上界的工作,也可以把網(wǎng)頁設(shè)計(jì)作為一個(gè)個(gè)人愛好堅(jiān)持下來,這個(gè)愛好就像有些人喜歡打籃球、打網(wǎng)游、搞搞戶外活動(dòng)一樣,沒什么區(qū)別。為什么要堅(jiān)持?有一句話話糙理不糙”有錢難買爺高興!”,難得我們自己還有個(gè)興趣愛好啥的,人生也就多了些樂子,既然喜歡,就抽出些時(shí)間精力弄一弄,別的不說,自己快樂也不挺好嗎?很多人會(huì)說工作太忙沒有時(shí)間,我覺得這不能成為一個(gè)理由,唯一的一個(gè)理由就一個(gè)字:懶。我分析你目前的迷茫和糾結(jié)主要是設(shè)計(jì)上長時(shí)間沒有提高造成的。解決這個(gè)問題一是自己擠出時(shí)間加強(qiáng)平時(shí)的學(xué)習(xí),二是如果條件允許,讓自己充個(gè)電再開始工作,也沒什么不可以,具體的情況自己拿主意。我也只能給你這些建議,能對(duì)你有一丁點(diǎn)的用處,那就再好不過了。

  二、如何讓嘈雜背景上的文案顯眼?(稻草人)

  如果做一張廣告圖,都是原圖背景比較花,有哪幾種辦法可以把廣告詞的字讓他比較顯眼呢?比如下面這樣的一張圖,差不多就只有右上角有一定的位置來排放文字但是整體顏色都偏暖了,鞋子本身就不突出,而且可以排放文字的位置也小,感覺處理背景或者說給文案加純色背景都不好處理。

  文案內(nèi)容:頭層牛皮99元,新款

如何做好一個(gè)網(wǎng)站Banner? 三聯(lián)

  答復(fù):如何讓嘈雜背景上的文案突出,這個(gè)要看具體的案例,一般的處理方式有:1、處理背景,高斯模糊、疊加圖案,通過漸變遮擋部分背景;2、處理文案,給文案添加純色背景,將其與背景隔離開。就這個(gè)按理來說,首先是分析信息,明確哪個(gè)是需要突出的重要信息。就你所言,是要突出頭層牛皮這個(gè)賣點(diǎn),那么完成后的效果如下圖所示,供你參考。

2.jpg

  三、如何完成一個(gè)Banner的設(shè)計(jì)?(靜憶云熙)

  下面是我做的一個(gè)Banner,請(qǐng)大家點(diǎn)評(píng),不知道該怎么設(shè)計(jì)好看。

580-3.jpg

  答復(fù):我只能說說大的設(shè)計(jì)步驟,具體設(shè)計(jì)還要你來做。從你這個(gè)設(shè)計(jì)可以看出你的思路沒有打開,完全被策劃圖限制死了。就你這個(gè)按理來說,設(shè)計(jì)的步驟應(yīng)該如下:首先提取文案中的關(guān)鍵詞,這里應(yīng)該是”合作”,”贏”兩個(gè)詞,然后圍繞這兩個(gè)詞展開聯(lián)想,把你能想到的圖像記下來,最好簡(jiǎn)單畫出草圖;然后進(jìn)一步評(píng)估你的可選方案,選擇你認(rèn)為準(zhǔn)確的,最能體現(xiàn)關(guān)鍵詞的圖像,進(jìn)一步畫出草圖、注意和網(wǎng)站整體風(fēng)格的搭配,以及布局、視覺層次、色彩方案的搭配,初步做到目標(biāo)明確,心中有數(shù);最后選取素材,進(jìn)行設(shè)計(jì),設(shè)計(jì)的過程中不斷評(píng)估設(shè)計(jì),不斷改進(jìn)設(shè)計(jì),直到完成。下面的設(shè)計(jì)案例你可以參考:

580-4.jpg

  四、如何做好這個(gè)Banner?(石頭)

  細(xì)節(jié)方面無從下手,請(qǐng)群主點(diǎn)評(píng)。

580-1.jpg

  答復(fù):整體的氣氛感覺是清新、陽光的感受,但文字使用的偏暗的藍(lán)色和紅色沒有和整體的氣氛契合,色彩上不搭,給人一種臟臟的感覺。最重要問題是主視覺部分不夠飽滿,看上去壓不住整體的氣氛,顯得有些單薄,文字的間距太大,看上去過于松散,細(xì)節(jié)也不夠。創(chuàng)建這樣的3D文字,可以用 illustrator來做,再拷貝到ps中進(jìn)行細(xì)節(jié)的刻畫。根據(jù)質(zhì)感注意表現(xiàn)出高光、亮部、暗部、陰影、反光等幾個(gè)調(diào)子。一般的方法是:1、先做出3d 文字的基本樣子;2、用鋼筆摳出每一個(gè)面,添加樣式;3、疊加一些質(zhì)感。

  下面幾個(gè)3D文字的設(shè)計(jì)案例,供你參考。

2.jpg
580-3.jpg
4.jpg

  五、關(guān)于中英文字體在設(shè)計(jì)中的應(yīng)用(囧捷風(fēng)囧)

  就是現(xiàn)在很多的一些網(wǎng)頁,特別是國外的網(wǎng)頁,你看去很好看,簡(jiǎn)約大氣上檔次,當(dāng)然其中包含很多細(xì)節(jié)的處理,但我在想如果將英文換成中文就不那么好看了,當(dāng)然可能跟我接觸使用的字體比較少有關(guān)吧

  中文字體的使用有什么心得呢群主。。。

  答復(fù):如果換成中文字體是會(huì)受一定的影響,一是英文的字體節(jié)奏感和中文不一樣,英文單詞有長有短,整體感比單個(gè)單個(gè)的中文字體要強(qiáng),二是英文字體比較多,可選擇的范圍較大,中文字體相對(duì)來說要少得多,所以在設(shè)計(jì)上限制也較多。關(guān)于字體的使用,中文字體和英文字體一樣,分襯線和非襯線兩種,非襯線字體適合簡(jiǎn)約、干凈的設(shè)計(jì)風(fēng)格,而襯線字體例如宋體,更適合中國風(fēng)等藝術(shù)感較強(qiáng)的設(shè)計(jì)。平時(shí)能看到很多這樣的好的設(shè)計(jì),比如下面的這個(gè)設(shè)計(jì)就是使用宋體的好范例。

1.jpg

  以及下面的這個(gè)設(shè)計(jì)中使用的中文字體:

580-2.jpg

  其實(shí)字體的應(yīng)用只是網(wǎng)頁設(shè)計(jì)中的一個(gè)方面,只要在可讀性上和風(fēng)格應(yīng)用上契合整體的設(shè)計(jì)就可以了。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di1652.html
沒那么簡(jiǎn)單_設(shè)計(jì)中的圖文關(guān)系
[圖趣]SNS網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)分享
圖趣網(wǎng)微信
建議反饋
×