網頁頭圖設計技巧
好的頭圖設計,有創意,整體效果和諧,用户印象深刻,內容傳達有效,視覺元素有延續和繼承。下面小編來給大家分享網頁頭圖設計技巧,希望對大家有幫助!
◆構圖:
頭圖作為專題的第一印象,其重要性可想而知。那第一步該乾點啥?——構圖,想好素材擺放位置,採取什麼構圖風格?
我們平時製作或看到的構圖風格大部分都是由——集中型、中軸型、分割型、傾斜型、骨骼型、滿版型為主。
集中型排版
利用畫面中心,突出想要表達的實物——當製作的圖片沒有太多文字,並且展示主體很明確的情況下建議多使用此種排版。集中排版具有突出主體、聚焦視線;在突出主體的同時又能給予畫面穩定感,並能使整體畫面具有一定的衝擊力。背景儘量簡潔,純色或者微漸變。
切割型排版
利用直線或斜線或曲線使畫面有明確的獨立性和引導性——當製作的產品是長條形或者圖片中有多個圖片和多段文字時可以使用此排版。能使畫面中每個部分都是極為明確,在觀看時能有較好的視覺引導和韻律感;通過分割出來的體積大小也可以明確當前圖片中各部分的主次關係,有較好的對比性和動感,並使整體畫面不呆板。
宮格型排版
通過有序的圖文排列,使畫面嚴謹統一、具有秩序感——當製作的圖片中,文字和圖片較多時,通常都會應用宮格型排版。此排版是較為常見的排版方式、清晰的調理和嚴謹性讓畫面平穩,是一種不會出現錯誤,且單一的排版方式。有些時候為了打破單一要從形式上多一些變化。
撐滿型排版
通過大面積的'主體元素來傳達最為直觀和強烈的視覺刺激,使畫面豐富且具有極強的帶入性——當製作的圖片中有極為明確的主體,且文案較少時可以採用此排版。常見的滿版型排版有整體撐滿、細節撐滿和文字撐滿。
不管何種構圖風格,都不是完全獨立的,大多是結合型的。迅速找到解決的辦法,就是從文案入手,找關鍵詞,確認頭圖的使用元素,設計風格,色彩調性。然後就是場景打造,層次表現,元素之間的前後關係,也就是傳説中的空間關係這也是很重要的。
◆色彩:
頭圖作為網頁的第一印象,其重要性可想而知。那麼如何判斷頭圖的好壞?這裏有一個方法:
很常用的一招,將頭圖去色,看對比度,在灰度情況下,頭圖的標題文字依然有很好的表現,我們可以判定這張圖,在色彩處理上是沒問題的。反之表現模糊,主次不分,就有問題了。
當然在色彩方面僅僅依靠上述方法是不行的。顏色如同穿衣搭配,怎麼搭配好看也是一門學問。對於色彩感覺不好的同學,除了多看書培養之外,也可以參考好的設計,或者多根據漂亮圖片色彩配色,多歸納總結。
◆文字:
文字也是很關鍵的一步,甚至花的時間要超過,圖片處理的時間。比如文字的變形,毛筆字處理等等。
關於文字部分我以後會具體講解,這裏就簡單給幾個要求。
辨識度要高
要求能認出是什麼字。
風格搭調
字體變形風格要符合主題,和品牌調性相匹配。
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...
-
如何獲取PHP數組的鍵與值呢
array_keys($array);//獲取數組(字典)的所有鍵值,返回一個鍵值數組。array_values($array)://獲取數組的所有value值,飯回一個數組。<?php$json='{"a":1,"b":2,"c":3,"d":4,"e":5}';//註明:value不帶雙引號時,其值只能是數字。【!!!注意:大括號兩邊只能是單引號,...
-
PHP開發工程師的主要職責
PHP開發工程師的主要職責1職責:1、負責公司後端的研發,保障系統的穩定性和質量2、與業務需求部門及項目經理溝通,理解需求,進行架構設計;3、搭建開發框架、負責核心代碼的編寫,解決技術難點;4、界定、分析和解決系統中存在的問題和缺陷;5、對系統進行持續改進,提升系...