博眾意網站建設方案圖片設計篇
作者:佚名 時間:2013-08-01 分享到:
圖片是除了文字以外網站上最首要的設計元素。其一,圖片設計在上海博眾意網站建設中的應用可使網站加倍美觀和風趣;再次,畫面自己也是轉達首要手段之一。畫面比文字更直觀和生動,楞以很容易地把無法用文字表達的信息表達出來,易于閱讀者了解。
一、圖片的花樣
在網站建設中通潰利用兩種畫面,gif和jpeg。此外,還有兩種恰當見網格流傳但示被遍及誚用的畫面,即png和mng。
二、畫面的形勢
與印刷排版一樣,靜態圖片在網站排版中有3種體現方式,即方形圖、退底圖、出血圖有這3種方式。
1.方形圖
方形圖以直線邊框來規范和限制,是常見、整齊、單純的一種情勢。它能夠使圖片內容凸起且將主體形象與生態整合在一路,并到達轉達主題思想的目地。主形圖的網站建設讓人感覺慎重、可信、嚴謹、理性、持重、和恬靜,但偶然也會蝦米得有點板滯和無味。
?
2.退底圖
將圖片中的背景去掉,只留下主題形象的圖稱為退底圖。它自由而凸起的本性,能給人留下深刻的印象。在退底圖的網站中,圖片與文字連系自郄,給人以親和感,讓人感覺輕松,活潑,動態十足,但易釀成不整體的感覺。
3.出血圖
出血圖的一邊或幾個邊布滿頁面,具有向外擴張和蔓延之感。一般用于轉達抒情或活動信息的頁面中,它不受邊框限制的特點讓人感覺親和,且易于感情與動感的施展,包適塊狀組合與散點組合。
塊狀組合是通過從事程度,垂直線支解,將多張圖片在頁面上整潔有序的擺列成塊狀,具有猛烈的整體感和秩序美感,讓人感覺輕快和活潑的同時,還不失整體感。
散點組合是通過將畫面分離擺列在頁面上的各個位置,給人自由、輕快的感覺。在利用此類布局時要當心畫面的大小,主次,及方形圖、退底圖和出血圖的設置,而且要斟酌到疏密,平衡、視覺流程等因素。
三、網站圖片的處理
在網站制造進程中若是有必要能夠對畫面從事相應的處理,而畫面的形狀、大小、數目及與背景的聯系,都與內容有著密切的關系。
1.網站圖片的形狀
畫面形狀會打擾到整個頁的氣氛,并間接打擾到閱讀者的興趣。一般方形圖片會給人不變嚴肅的感覺,三角形圖片讓人感覺銳利,而圓形或曲線形狀的則較柔軟密切,通底圖及許多不南側則或不帶邊框的圖片有活潑之勢。
2.網站圖片的大小
網站圖片的大小會直接打擾網站的效果,一般大圖片空易成為視覺核心,傳染力強,轉達性強;小畫面則適用于來穿插在字塊中,有整齊、精美之感,起著與頁面主題相呼應的價值。在網頁中,若是只有大畫面而無小畫面或精密的文字,會給人空的感覺,但只有小圖片而無大圖片則又會顯得無亮點。
在從事網站制作時,要先固定重要形象與次要形象的干系,最后擴大重要畫面的面積,
將次要畫面縮小到輔助地位。只有大小圖片主次組合公道,就能夠發生最佳的頁面視覺效果。
4.圖片的數目處理
圖片的數目是由網站內容判斷的。僅用一張圖片,會使內容凸起而安定。若是再增添一幅,頁面會因為有了對照和呼應而活潑起來。若是再增添一幅,則會更熱鬧、更活潑。因為網絡速度的緣故,在利用圖片時要當心,大圖會減少頁的顯示整度,但若是應用的小圖片過多,同樣全使頁面的下載速度變慢。跟著網絡生態及技能前提的改善,此類現象已經有了很大的改觀。
5.圖片與背景的處理
圖片與背景是對照與同一的干系。在畫面與背景諧同一的初始上,也存在著必定的對照,使重要畫面加倍凸起,如精密的相機鏡頭以粗拙的石頭為背景,敞亮的文字以艱深的夜空為背景,都是利用對照來凸起主體形象的。
6.圖片在長頁面中的處理
網站都是縱向的而長度為一屏到三屏不等或更多。當閱讀頁面時,能夠通過拖動轉動條使網站一屏一屏的顯示,但這并不說明能夠將整個頁的支解開來,獨立地從事每一屏的實際。頁面的整體是創建在形象的干系上的,雖然頁面被支解成數屏來顯示,但畫面或文字誚使閱讀者看著有完整和同一的視覺感覺。因此設計都在設計時要從整體長進行斟酌,如尋覓對照中的調和、創建同一的視覺感覺行等,來處理好第一屏與整個頁的聯系。