
網站首頁的設計技巧 國內有大部分設計師稱之為Banner,但我的概念中Banner圖還是一條長長的橫幅廣告。國外的設計師把首圖成為Hero圖,Hero字面意義也就是英雄,但直接叫英雄圖片恐怕帶來誤解,不如叫首圖。首圖,地位*一,又位于首頁,意思直達,大家能理解就好。 大概很多設計師其實已經覺察到了,南京網頁設計做得好不好,除了網頁本身的布局、配色以外,很大程度上依賴的是配圖的運用技巧。但是就算將千辛萬苦淘來 的好圖往網頁上一攤就完事,恐怕也難取得巧妙地效果。因此,如何設計首圖,又是網頁設計之中一個非常重要的問題。為此,我們就此特獻出八條設計技巧,全是 來自實際經驗,以期和大家共同探討之。 一、雙色冰淇淋漸變 首圖當作全屏出血大圖處理時,你可以將圖片調色成為雙色漸變,有點像我們吃的雙色冰淇淋球,選一組你認為能激發心理氛圍的配色,較好是對比色,帶來 強烈的視覺落差。由于要作為背景而存在,整體的色彩明度要區別于文字的顏色。這里**的這一方式只需要利用PS中的“漸變映射”工具,就能輕松獲得。 上圖所示的設計中,我們不僅采用了這種雙色映射,還利用線條創造了視覺焦點,引導了用戶的視線。 二、線條引流 沒錯,延續上一個例子所用的方法,這也不失為一種首圖設計方式。在首圖中讓線條來引導實現去穿越你想要焦點停留的地方。 上圖所示的設計,重點是模特和文字,因此,我們采用了9這個數字的線條方向,利用這個線條的環繞運動,最后從上至下游走過文字。這里的心理預期是要把9筆畫完成,因此你沒有可能跳過文字。 三、動態情景 對于首圖的選擇,你可以焦距到動態場景。這類動態場景由于本身模特的動態造型,會調動觀眾的運動神經,激發頁面的活力。 大家可以想象,如果將上圖的主角換成一個靜物,效果將是不同的。這里將模特的方向加以改變后重新降低透明度的做法,帶來一定的虛實結合的感受。 四、謹慎配色 我們希望大家在運用首圖時,盡量不要去觸屏普通的風景圖。自然風光雖然好,但大片風景會表現出一團飽和的顏色堆疊,其實運用在網頁中略顯得沒有重 點。因為你要為較終配圖運用以后所出現的顏色負責,色彩盡量控制在三種顏色之內,這條道理相信設計師們都會贊同,因此,這里的配圖的色彩較好也能有所節 制。 如這個設計中,整個圖片都呈現大片灰白,其實正是對顏色進行管控的技巧。當然你也要來個大花襖也無傷大雅,關鍵是運用時除了要注意元素的色彩,還要對首圖的色彩本身也足夠警惕。 五、虛擬現實 當然,我們這里談的不是虛擬現實(VR),而是在首圖設計時,試著將靜物表現得更為“現實”,好像它們就在你的屏幕上,隨手可以取到。但這個表達 法,較緊要的是要為虛擬尋找出口,也就是說,不能完全寫實,要讓用戶看出虛擬的破綻,從而讓形象更為立體。這類表達技巧在首圖中有手機,利用APP產品展 示等較為常見。 這是我們今年出的一款開源的輕移動口袋雜志,展示這個設計的時候,我們就運用了虛擬現實的設計方式,增加背景圖案,并讓咖啡和太陽鏡作為一種“休閑”的視覺提示物件,讓用戶能感受到它們的現實的同時又能從背景中看出“破綻”。 六、文字本身的美 每張首圖也許我們都希望能配上文字,其實文字本身也能成為一種風景,有時候適當運用一些具有圖像風格的文字,更能傳遞文字本身的能量。 如果能將文字看作圖像,書法文字是較合適不過了。書法本身的隨意瀟灑,和普通的印刷字體相比有著不可比擬的個性感。這里,運用了書法作為主角,本身書法作為傳統國粹,在東方傳統的行業里運用非常應景。當然,這里的書法本身還可以寫得更好。 七、靜止的力量 對稱能帶來一種莊重靜止的力量,因此,在首圖設計中,你不妨采用對稱的布局方式來設計首圖。但由于對稱本身略顯得靜止呆板,因此在設計上更需要多一些匠心,南京網站建設增加一些比較能突破規則小細節。 對稱的布局較好采用倒三角的構圖,這樣視線會更靈活,從上往下會顯得更流暢,否則就會有一種滯澀不前的感受。 八、左圖右文 首圖的設計除了全屏展示,還有一種方式是可以放左邊圖片右邊文字的方式,這樣的設計技巧帶來的好處就是可以分割圖文,特別在圖片信息也同樣重要的時候,如果把圖文混合,雙方都不夠凸顯,不如左右各凸出主角,跟隨先左后右的視線也能傳遞本身的視覺效果。 如上圖所示,左右結構的傳達效果更為清晰明確。你不會**圖片中美食的細節,也不會忽略文字的描述。色彩是鮮艷欲滴的橙色,食物和文字背景渾然一體。 首圖的設計技巧千變萬化,這里只分享一小段,你的下一個設計如果苦于沒有靈感,不妨看看本文。下一次我們將繼續分享。
南京快誠網絡科技有限公司成立于2011年3月22日是 一家專業從事網站建設、網絡推廣的電子商務服務公司,主要為企事業單位提供網站建設、網站推廣、400電話、微信二次開發、OA辦公、CRM開發等服務,滿足企事業單 位在新經濟形式下的需求,為企業提供網絡營銷一站式服務,幫助企業獲得成功。我們的使命是塑造互聯網時代的新型企事業單位的網絡形象;打造互聯網時代強勢品牌。 業務范圍:網站建設咨詢策劃、域名注冊、虛擬主機、網頁設計、首頁動畫設計、圖片處理、網站改版升級、網站維護、網站推廣(百度優化**--無點擊收費)、互聯網電子商務解決方案、南京企業400電話、等網絡技術服務。 服務對象:**單位、生產型企業、貿易型企業、信息服務企業。如貿易公司、生產企業、旅游名勝、律師事務所、會計師事務所、房地產企業、報刊雜志、酒樓飯店、醫院診所藥店,各類學校等。 經營理念:網絡營銷,用效果說話。全國服務熱線: 業務咨詢: 售后服務: 公司傳真: 公司地址:南京市白下區洪武路239號新大都大廈18樓 網址:www. 電子郵箱: QQ號碼:125482307 南京快誠網絡科技有限公司 南京做網站,南京400電話,南京網站建設,南京網站推廣,南京網絡公司,南京企業做網站,南京哪家做網站好,南京較好的網絡公司。擁有龐大的服務網點,南京快誠網絡科技有限公司高覆蓋、**的服務獲得多家公司和機構的認可。南京快誠網絡科技有限公司將以較專業的精神為您提供安全、經濟、專業的服務。