Banner設(shè)計(jì)是網(wǎng)站設(shè)計(jì)上最常用也最主要的一塊，雖然Banner設(shè)計(jì)比大型的網(wǎng)站設(shè)計(jì)項(xiàng)目來(lái)說(shuō)不夠引起大家的作用，但是好的Banner設(shè)計(jì)也會(huì)成為整個(gè)網(wǎng)站設(shè)計(jì)的點(diǎn)睛之筆，而且也會(huì)因?yàn)槌晒Φ腂anner設(shè)計(jì)而讓整個(gè)網(wǎng)站更加出彩，那么對(duì)于醫(yī)院網(wǎng)站的Banner設(shè)計(jì)我們應(yīng)該如何來(lái)操作呢？今天贏在威客網(wǎng)小編就給大家分享相關(guān)的小知識(shí)：
一、banner設(shè)計(jì)技法
1、名詞解析
banner可以作為網(wǎng)站頁(yè)面的橫幅廣告，也可以作為游行活動(dòng)時(shí)用的旗幟，還可以是報(bào)紙雜志上的大標(biāo)題。Banner主要體現(xiàn)中心意旨，形象鮮明表達(dá)最主要的情感思想或宣傳中心。
2、banner的格式
banner根據(jù)投放位置的不同所以大小格式也不同。
3、banner設(shè)計(jì)中的要點(diǎn)
在banner制作時(shí)要注意思考定位，決定風(fēng)格，設(shè)計(jì)要和品牌形象和氛圍一致。
注意區(qū)分主副標(biāo)題。
在banner設(shè)計(jì)中主標(biāo)題和副標(biāo)題組合成了整個(gè)banner中的文字空間、所以要著重強(qiáng)調(diào)主標(biāo)題、強(qiáng)調(diào)關(guān)鍵字、強(qiáng)調(diào)主題、注意主次之分。在文字要求上同一banner中不要超過(guò)三種字體樣式，過(guò)多的字體樣式會(huì)顯得畫(huà)面“亂”。還要注意字體設(shè)計(jì)，畫(huà)龍點(diǎn)睛。字要清晰可見(jiàn)。
如上圖世界杯的字體經(jīng)過(guò)變形后，字體和畫(huà)面會(huì)顯得統(tǒng)一協(xié)調(diào)、不會(huì)顯得死板。
二、banner設(shè)計(jì)規(guī)范
1、構(gòu)圖
斜線構(gòu)圖：斜線類構(gòu)圖是具有破格感的構(gòu)圖、這種破出的方式會(huì)顯得畫(huà)面具有活力、時(shí)尚的感覺(jué)。
三角類構(gòu)圖：三角類構(gòu)圖給人穩(wěn)固的感覺(jué)會(huì)顯得畫(huà)面穩(wěn)定，更易突出重點(diǎn)。
緊湊式構(gòu)圖：將畫(huà)面內(nèi)容集中于一點(diǎn)、和三角類構(gòu)圖效果表達(dá)上相似、容易突出重點(diǎn)，吸引注意力。
均衡式構(gòu)圖：畫(huà)面元素在布局上均衡，對(duì)稱、是畫(huà)面統(tǒng)一協(xié)調(diào)，平衡感強(qiáng)。
2、布局
上圖下文：上面圖片下面文字的板式對(duì)用圖要求較高、用戶注意力會(huì)首先集中在圖片上，所以用圖要鮮明，突出重點(diǎn)。
上文下圖：適用于移動(dòng)端的banner、文字居于上方方便用戶查看。
右圖左文：與左圖右文的布局格式相反但都是常見(jiàn)的banner布局格式，方便用戶查看、畫(huà)面清晰。
左圖右文：畫(huà)面對(duì)稱，常用于較長(zhǎng)的格式的banner、也是最為常見(jiàn)的布局方式。
左中右：畫(huà)面豐富、適用于素材較多的排版格式，方便羅列。
中心布局：中心集中、突出重點(diǎn)。
三、設(shè)計(jì)風(fēng)格：
一般情況下風(fēng)格在跟需求方溝通的時(shí)候就已經(jīng)定好了大概的方向，同時(shí)我們可以問(wèn)他要一些參考，進(jìn)一步確認(rèn)風(fēng)格，還有種情況是需求方方?jīng)]有任何的要求，就說(shuō)讓你自己把握就好，那這個(gè)我覺(jué)得也是分兩種情況，一種是需求方真的信任你，放手讓做，還有種就是其實(shí)他自己也不知道要什么樣的，只是想等你做出來(lái)以后看了再說(shuō)，如果是這種情況不講清楚的話很有可能就會(huì)面臨重做的悲劇。第一種類型基本就不需要太操心，自己根據(jù)內(nèi)容什么的來(lái)把握就好。第二種類型的話就需要引起注意了，我們可以自己找一些認(rèn)為比較合適的參考讓需求方來(lái)選擇，然后根據(jù)他的選擇和需求方確認(rèn)風(fēng)格，防止他后面說(shuō)什么不要這種風(fēng)格的，重做一版看看之類的。那么怎么來(lái)分別是哪種類型的呢?我覺(jué)得吧一些經(jīng)常合作的，是完全可以根據(jù)以往的經(jīng)驗(yàn)的來(lái)判斷他是屬于哪種類型的，如果是第一次合作的我就會(huì)先直接判定為第二種類型，也就是他自己也不知道要什么樣的，以后再根據(jù)他的表現(xiàn)重新分類好了。
下面我就按照我們這邊的風(fēng)格風(fēng)向標(biāo)來(lái)舉一些例子：
1、時(shí)尚風(fēng)：
可以看到上面這2個(gè)banner都有共同的特點(diǎn)，大標(biāo)題、模特，報(bào)刊潮流雜志風(fēng)。
2、復(fù)古風(fēng)：
復(fù)古風(fēng)的重點(diǎn)是傳統(tǒng)元素和復(fù)古圖案，像第一個(gè)用了書(shū)法字體跟水墨感覺(jué)的圖案，第二個(gè)則是包含了傳統(tǒng)的剪紙?jiān)亍?br/>
3、清新風(fēng)：
清新風(fēng)的重點(diǎn)就是清爽、唯美，輕盈色調(diào)跟自然系，比如上面這個(gè)banner就讓人感覺(jué)十分的清麗和透亮。
4、炫酷風(fēng)：
這種風(fēng)格通常比較多的是深色背景，有一些比較質(zhì)感的元素跟光影特效。上面這個(gè)其實(shí)是我當(dāng)時(shí)給一個(gè)活動(dòng)做的版頭，平時(shí)這類風(fēng)格做的會(huì)比較少點(diǎn)，寫分享的時(shí)候也沒(méi)有找到合適的banner，就拿了這個(gè)，我覺(jué)得可以歸類到這個(gè)風(fēng)格。
5、簡(jiǎn)約風(fēng)：
簡(jiǎn)約風(fēng)的特點(diǎn)就是極簡(jiǎn)主義、大空間，就像這個(gè)banner沒(méi)有任何過(guò)多的裝飾元素，整體感覺(jué)就是非常的透氣
四、設(shè)計(jì)排版
所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小，使版面達(dá)到美觀的視覺(jué)效果。之前在網(wǎng)上看到過(guò)一篇關(guān)于ppt排版六原則(對(duì)齊，聚攏，重復(fù)，對(duì)比，強(qiáng)調(diào)，留白)的文章，我覺(jué)得這個(gè)在banner的設(shè)計(jì)中也是同樣適用。這里我把這些原則稍微修改了下，更加適用于banner的設(shè)計(jì)。
一、對(duì)齊原則
相關(guān)的內(nèi)容要對(duì)齊，方便用戶視線快速移動(dòng)，一眼看到最重要的信息。
二、聚攏原則
將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。
三、留白原則
千萬(wàn)不要把banner排得密密麻麻，要留出一定的空間，這樣既減少了banner的壓迫感，又可以引導(dǎo)讀者視線，突出重點(diǎn)內(nèi)容。
四、降噪原則
顏色過(guò)多、字體過(guò)多、圖形過(guò)繁，都是分散讀者注意力的”噪音”。
五、重復(fù)原則
排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類型的視覺(jué)元素。
六、對(duì)比原則
加大不同元素的視覺(jué)差異，這樣既增加了banner的活潑，又突出了視覺(jué)重點(diǎn)，方便用戶一眼瀏覽到重要的信息。
下面我講下比較常規(guī)的版式，主要是大方向的，時(shí)間緊的時(shí)候可以選擇一種拿來(lái)直接套用，這里我根據(jù)以往的經(jīng)驗(yàn)大致分了6類：
再講下文字的排版，文字的排版要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致，字體保持在2種左右，像下面這種大尺寸的banner文字就可以適當(dāng)?shù)淖鱿伦冃危尤胍恍└鷥?nèi)容有聯(lián)系的元素或者圖形，可以更好的表達(dá)整個(gè)設(shè)計(jì)的情緒。
六、設(shè)計(jì)配色
色彩是由色相、明度和純度構(gòu)成的。色相即顏色的相貌，用于區(qū)分各類顏色，如紅色，黃色，綠色，藍(lán)色等;明度即顏色的明暗和深淺，或者說(shuō)顏色含量里白色的多少;純度即色彩的飽和鮮艷程度。每種色彩都會(huì)因?yàn)樯?，明度，純度的不同，表現(xiàn)出不同的色彩感，色彩是有情感的，不同的配色會(huì)帶給人完全不同的心里感受。所以當(dāng)你在做banner的時(shí)候就要考慮你想要表達(dá)什么樣的情感，想讓用戶看的時(shí)候有什么樣的感受，你所表達(dá)的情感是不是符合主題內(nèi)容，基于這些出發(fā)點(diǎn)再來(lái)做banner的配色就更加的有目的性了。
以上就是今天小編為大家分享的關(guān)于醫(yī)院banner設(shè)計(jì)的一些小常識(shí)，在設(shè)計(jì)中注意上述的這些問(wèn)題，相信您得到的設(shè)計(jì)效果一定會(huì)非常不錯(cuò)。
