網頁設計制作是UI設計師工作内容的主要組成部分,現在網頁設計制作中比較常見的圖檔一般會有三種類型:logo、照片和插圖。不同類型的圖檔就會有自己的特色,在進行設計的時候要注意的細節也不一樣。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAnYldHL0FWby9mZvwFN4ETMfdHLkVGepZ2XtxSZ6l2clJ3LcV2Zh1Wa9M3clN2byBXLzN3btgHL9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwMzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsQTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cGcq5iM3gzM4gzNhFWM3E2NkBjNzYzX3ADNyYTMxAzLcFTMyIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.jpg)
一、logo
Logo是品牌的象征,是一種視覺元素。它向使用者傳遞出公司的經營理念、品牌以及服務等方面的資訊。在網頁設計制作過程當中,使用logo的時候應該要注意以下這幾點:
1、logo應該放在頂部導航欄的位置:通常情況下,使用者進入網站第一眼看到的就是頂部導航欄。
2、不要更改logo的互動邏輯:使用者點選logo一般預設是傳回到網站首頁的,如果隻是單頁的網站,那麼就是回到頁面的頂端位置。
3、增加懸停互動效果:當使用者的滑鼠在logo上懸停的時候,可以增加一些懸停的效果,這樣既能提示使用者能夠點選logo,又能為使用者帶來更好的體驗。
二、照片
照片最大的好處是能夠和使用者建立連接配接,幫助使用者将自己在網頁上看到的資訊與真實世界關聯起來。在網頁設計制作中使用照片,請注意下面幾個問題:
1、使用分辨率比較高的照片。
2、一定要對圖檔進行優化,圖檔如果太大的發隻會導緻頁面超載,加載速度太慢對使用者體驗會造成負面影響。
3、注意做好留白處理,負空間的平衡要恰到好處。
4、響應式設計,測試圖檔是不是可以在不同的終端螢幕上進行完整的展示。
5、不能低估了可用性。圖檔不單單隻是為了讓網頁美觀的,更重要的是能不能傳達有效的資訊,能不能支援其他布局風格。