
設計優秀網頁所值得關注的地方就是4項主要的設計原則,這4項原則就是:反差, 重復, 排列, 和分類。只要把握好這4項原則,就可以設計出更加整潔漂亮的網頁。這也是網頁美工需要的技能
1.反差效果
好的反差效果設計可以給用戶一個極好的第一印象。如果用戶的眼睛沒有焦點,注意力就會在相同尺寸的元素和排版界面中迷失。設計師需要設計出很明顯的突出視覺元素來引導用戶的體驗。往往可以通過選擇圖片、顏色和字體等來形成良好的反差效果。
A:圖片反差
這個網頁利用一張大圖片來吸引用戶的注意。而同時網頁很自然的單色又讓少量的藍色有了更好的效果。
當看到這個頁面的時候,首先會注意到什么?最有可能的就是盒子上面的那個星星了。同上圖一樣,它們都是通過用一張大圖片和很少的顏色來制造一個視覺焦點。
B:顏色反差
恰到好處地使用少量顏色,是網頁中另一種制造視覺反差的有效方法。可以在網頁的頭部和正文中使用不同的顏色,也可以在一張圖片或插圖的顏色里面應用。
大量的黃色頭部和少量的淡灰文字做得很徹底。
一個用來展示排版的網站如果在它自己的頁首就為我們展示了一個極好的排版效果,那效果是事半功倍的。
C:字體反差
如果想通過字體來產生反差效果,就應該避免使用兩種相像的字體和大小。不過把字體大小差異加大或者把字體最細和最粗的版本拼合到一起也同樣有效。同樣的,如果將兩種外形差別明顯的字體排在一塊,就會對它們帶來的視覺沖擊效果感到驚奇。
注意看這個網頁標語的大小和筆畫。頁面上灑水效果和少量藍色的使用,都非常值得好好欣賞。
2.重復原則
跟web設計相比,重復原則在書本設計中應用得更加普遍,不過它在兩者之間都是一樣有效的。重復的設計元素可以使頁面顯得很連貫,還能提升品牌。
在頭部和腳部都使用了很有創意的插畫。
這個網站是“反差原則”最好的例子,在“重復原則”也是一個好例子,因為它的界面風格和品牌部分都很明顯地應用了這個原則。仔細看它用香蕉來當做列表前面的圖標,還有頭部、腳部的森林插畫。
3.排列原則
網頁美工設計的好與壞,排列原則在其中扮演了一個很復雜的角色。
這個網站的版面排列很連貫也很引人注目。它將主要內容整齊地排在左邊的,對留空的大量使用和字體反差大小的使用都非常不錯。
這個網頁中使用的可視格欄非常有特色。里面的欄目設計良好,把所有包含內容都變得易于閱讀。研究表明過寬的欄目會造成嚴重的閱讀困難。在跟隨那么寬的欄目中的文字時,讀者的眼睛會變得很累。
4.分類原則
只有在將相關元素分組,將無關元素分開的時候才會用到這個原則。假如將所有東西都分到同一塊文本塊中,絕對會摧毀用戶的體驗。這就是為什么使用頭部標簽和適當的留空是那么的重要。
這個網站漂亮地將內容規整地組織到三個主要分類下,這些內容的定義既清晰又規整。
這個網站結構良好。頭部既整潔又簡單明了。空白留的很好,內容分開放得很有邏輯。
在網頁美工設計網頁時,只要腦中時刻惦記著這4個基本原則,就會發現設計有了不可思議的改進。當然還有許許多多方面需要考慮,但是以反差、重復、排列和分類作為基礎設計會取得長足進步。
本文由培訓無憂網長沙牛耳教育課程顧問老師整理發布,希望能夠對想參加長沙網頁美工設計培訓的學生有所幫助。更多課程信息可關注培訓無憂網網頁美工設計培訓或添加老師微信:15033336050
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-3486.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050