看到大家寫的讀書筆記都是文藝細(xì)膩，為了能在讀書群留下。
想到我很久沒寫作文了，所以我只能簡單粗暴的寫寫，歡迎大家來吐槽。
所以寫寫自己接觸最多的banner。記得剛開始接觸網(wǎng)站banner的設(shè)計之后，發(fā)現(xiàn)自己一竅不通，很多都要重新來,在設(shè)計過程中也是一把心酸淚，從不會到半會，經(jīng)歷了很多，也懂得了很多，這次寫主要是把自己在設(shè)計過程的心得體會整理一下。 ?從接觸設(shè)計網(wǎng)頁的banner設(shè)計以來，跌跌撞撞沒少過，記得剛開始改的過程一張圖一般會改個兩三天，會經(jīng)過至少3-4個人認(rèn)為可以才把它放上線，過程不易但最后卻很滿足~
做了這么久的banner，最深的心得應(yīng)該是以下這些
1.讓設(shè)計看的簡單一些，主次分明（因為我們網(wǎng)站是O2O互聯(lián)網(wǎng)，所以在這些設(shè)計上最好是讓用戶一眼能明了你想表達(dá)的意圖。
因為用戶可能只打算看你的banner一眼。一句話能表達(dá)清楚的不要增添文本復(fù)雜性，讓用戶看著很繁瑣，設(shè)計底色單一化能更好識別。限時免費字樣跟其他文本有區(qū)分，讓用戶能在短時間內(nèi)關(guān)注到主要信息點。
這是網(wǎng)站banner的尺寸，網(wǎng)站的首頁圖其實挺特別的，從尺寸上可以 找到內(nèi)容的突出點保持在（600x300）之間使得用戶能一眼了然。舉一個例子：下面這張圖的設(shè)計是我花大概15分鐘做好的，雖然不夠完美，但是是在最短時間可以簡單完成的比較清晰的圖，從簡單的背景和文字的反差可以清晰的突出主要內(nèi)容~
2.在選擇適合的顏色方面，在選擇顏色的時候，要考慮到用戶的情緒，這也是他的第一感官。顏色會有不同的文化體現(xiàn)，讓人有不同而想法，在選擇時要研究你的目標(biāo)受眾。
我在選擇顏色的搭配上其實出過很多笑話，記得之前出過的圖中很多同事會經(jīng)常問我：菜，你這個顏色能不能改改，感覺哪里奇怪，但又不知道。其實我現(xiàn)在看回以前的圖也會不明所以，為啥會選那樣的顏色來搭配，看著好怪~簡單給大家過一下1年前做過的banner的改前和改后吧
在此插入乙方看完的要求
其實過后我想了一下，為什么會覺得不夠大氣呢，其實簡單的說從顏色上看就有點重復(fù)，三個圖的顏色都比較單調(diào)，雖然顏色簡單，但沒給人一目了然看到重要信息的第一感。所以我大體對三張圖都做了改動。
前后做了對比，雖還有些欠缺，發(fā)現(xiàn)好了很多，因為是家居方面，所以我在顏色上都盡量往暖調(diào)靠。仔細(xì)上網(wǎng)查看了下顏色的心里選擇。
橙色：活力，幸福有關(guān)。沒有壓倒紅色，它充滿活力，邀請和友好（它是行動按鈕）
黃色：幽默，陽光，樂觀，能量有關(guān)。的黃色觸摸可以捕獲觀看者的注意力，它甚至比橙色和紅色更有活力和應(yīng)使用明智，但太多黃色會刺激用戶的眼睛。
綠色：健康，新鮮，豐富，環(huán)境，發(fā)展，培育和新的開端有關(guān)。這是對眼睛最簡單的顏色。
藍(lán)色：安全，信任，清晰度，平靜，理智，形式，高雅，真理，茶點，發(fā)涼，陽剛之氣有關(guān)。
紫色：與奢華，皇室成員，貴氣，智慧，魔術(shù)，野心，女性氣質(zhì)和創(chuàng)造力有關(guān)。它有一個觀眾舒緩，鎮(zhèn)定的作用。
粉色：有愛，甜蜜，女人味，和嬰兒有關(guān)。最有女人味的顏色。
白色：純度，清潔度，現(xiàn)代性，不育，簡單，誠實，純真，童貞，善良有關(guān)。
從這些的顏色選擇上再調(diào)出自己想要的顏色。
5.有明確的框架（其實在框架的設(shè)計上我至今都還不是很明確，所以在做圖上有時會給人感覺不夠統(tǒng)一的視覺效果）
但是你在設(shè)計上如果框架狗明確，的確能夠讓用戶被設(shè)定框架里的主要內(nèi)容吸引，從而確保廣告達(dá)到預(yù)期想要的效果，在這里有一定的用戶習(xí)慣。
我只能把我醉喜歡的一個網(wǎng)站的banner設(shè)計其中的幾張拿出來給大家參考～這是某個音樂網(wǎng)站banner設(shè)計的框架風(fēng)格，因為音樂是主體，所以在設(shè)計主題上都是以人物為主，顏色都會隨人的風(fēng)格而統(tǒng)一，從而來吸引人的眼光。
4.圖片尺寸不要太大（這是我們技術(shù)大神最最最最經(jīng)常提醒的，盡量不要影響到網(wǎng)站的緩沖速度）
當(dāng)用戶滑動滾動條時需要及時看到你的banner廣告，加載速度要很快，所以你的文件越小越好。
5.圖文搭配上風(fēng)格（圖文搭配其實是挺難的一個步驟，很多時候做banner最多的時間就是花在這上面
產(chǎn)生的問題
1.去哪找圖
2.素材不夠高清怎么辦
3.找到圖了要如何讓文字和圖搭配上能夠和諧
上面的問題時有很多剛接觸這方面設(shè)計的人都會在這上面糾結(jié)很久，然后做出來的圖也不夠好，我也是這樣，我在這方面找了很多方法去做，去想。最后總結(jié)了幾點：多做，多看，多想，多學(xué)
多做：就是一張圖多改幾次沒事，最主要在做的基礎(chǔ)上找到自己對圖的感覺，所以要嘗試多些風(fēng)格
多看：就是看各大網(wǎng)站的banner圖設(shè)計，從他們的設(shè)計元素上找些放到自己的設(shè)計上
多想：拿到圖要求的時候，不要急著去做，可以在找素材的時候多多想想自己想做的圖的框架要如何去排版。
多學(xué)：套句我們產(chǎn)品大叔的話，你找一個自己認(rèn)為和自己設(shè)計圖的風(fēng)格相似的網(wǎng)站，認(rèn)真地去抄他的風(fēng)格和圖，抄久了你就有自己的感覺了。
所以總結(jié)了以上幾點，可能不夠完美，也許你會有更多的看法，所以請你盡量來吐槽。大家一起進(jìn)步。謝謝～
這周的作文筆記就在此一段落，下周想寫點自己還不夠?qū)I(yè)的，希望大神多多看出我的缺陷。努力進(jìn)步。
