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

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

 

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

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

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

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

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

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

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

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

2.jpg

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

  下面是我做的一個Banner,請大家點評,不知道該怎么設(shè)計好看。

580-3.jpg

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

580-4.jpg

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

  細節(jié)方面無從下手,請群主點評。

580-1.jpg

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

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

2.jpg
580-3.jpg
4.jpg

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

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

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

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

1.jpg

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

580-2.jpg

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

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