淺析當今網頁制作中的關鍵事項

（上海理工大學公共實驗中心200093）

互聯網時代下的設計日新月異，相對設計學這門學科，網頁的設計應用占有了一席之地。網站設計得好，是要讓頁面容易被人識別，便于使用和被搜索，那么網頁設計有何講究，有什么值得注意的設計要素呢？隨著時代發展，這將是一個值得我們不斷深入的話題。

一、頁面尺寸設置

網頁的設計，首先應從尺寸開始。所謂尺寸，是頁面的高度與寬度，設計者可根據實際的使用環境，將其分為不同載體。尺寸一般使用分辨率來表示，一像素單位為px，px值設置為72px用于電子屏幕顯示，在印刷品上我們設置為300px，配合計量單位。目前根據載體的不同，尺寸也被區分為了電腦屏幕尺寸，手機尺寸等，列如：電腦屏幕側重于大面積的展示體驗，手機則是小屏幕的便捷顯示，由于在小屏幕上觀看大尺寸頁面，頁面字體會顯得稀小，所以通常需設計兩種尺寸。雖然目前流行的html5簡化了這些操作，但如果想通用兩種不同尺寸，也需要留意許多細節。

確定設計頁面的寬度是較為容易的，但由于頁面缺少自適應能力，無法根據屏幕的大小來進行縮放，這樣無法全顯核心區域的內容。根據市面上一般電腦的寬度，最小在1200像素左右，文字的區域被控制在1000到1200px區間內，延伸寬度為大屏幕做準備。如果無左右延伸區域，在大面積的顯示上將會顯示得十分緊湊。關于頁面高度的設置，基于內容多或少而定，通常不應超過3屏。頁面過長一是不便于瀏覽者觀看，二是會導致頁面加載緩慢，影響使用體驗。因此高度在3000px內更利于瀏覽。

二、設計色彩色調

對于設計者來說，色彩是至關重要的一個環節，每個頁面都應具有獨特的風格，風格屬于調性，做設計首先要決定調性，這是最關鍵的第一步。色彩應用給人視覺第一官感，這便是視覺傳達的“首輪效應”，這種視覺上的沖擊力強弱，另一層面上看作為指向性體現，主題的體現。在《視覺錘》中的比喻，語言是釘子，視覺是錘子，好的釘子要想打入用戶心中，就要用視覺的錘子，通過觀察者的眼睛，敲進心里，鎖定心智。雖然聽上去尤為激烈，但在實際應用中卻鑿實有效。

色彩與色調，本無好壞，搭配與協調中應符合視覺的呈現形式，符合形式美法則。形式美法則是人類在創造美的過程與形式中總結的經驗及抽象概括。包括了對稱均衡、單純齊一、調和對比及多樣統一。另外，在三大構成中，平面構成、色彩構成和立體構成，其中平面構成和色彩構成也可常運用在頁面設計中。如何選擇合適的色彩？首先要看所涉及的行業屬性，其次看所要求表現的情緒基調，最后合理搭配，謹慎選擇配色。設計需要符合“科學法則”及“形式美法則”，看似雜亂無章的規劃，假如觀者覺得上心，覺得舒適，那么這個頁面也就符合了“形式美法則”。

關于配色（色相）問題，不同的行業也有著一套不同的標準，類似電商促銷時，用紅色黃色為主基調，給人沖動感、激情感，讓人產生消費沖動。金融類的網頁選用藍色、橙色，因為藍色給觀者信任感，橙色給人親和力。色彩還要考慮另外兩個指標，明度和純度，也就是明亮度與飽和度。在明度上，色彩愈加明亮就愈加給人情緒感，在純度上純度越高，越刺激情緒。而色相則分為冷暖色，冷色系和暖色系的區分，一般用在區別邊界比較明顯的環境下，與網頁的作用屬性相匹配。這些色彩知識，作為一個設計師要爛熟于心，看似簡單的設計用色，都需美學原理來支撐。

三、版面設計和文字設計

網頁版面的設計必須要有有效的傳達方法。舉個例子，人類眼球結構中，視覺有效部分占有比列非常小，這促使了人類在一定的時間限定內所接受的信息量是非常有限的。我們在閱讀瀏覽的時候，視覺習慣上的流動性，容易被視覺元素影響，因此在版面設計的過程中，利用這種因素，可引導用戶進行瀏覽網頁上的信息。完善的排版設計，要有豐富有條理的特點，布局要有調理但不失合理性，采用適當的方式來排列，使網頁的布局具有突出的協調性。對于細節的描述和介紹，這個部分不能過于搶鏡，處在次要位置屬于合理。

在網頁中的文字主要功能是傳遞各類信息，并非僅僅是裝飾，為了提高視覺信息的傳遞效率，在進行網頁文字的設計時，將文字整體的編輯效果加入，給用戶清晰的視效體驗，避免網頁中出現雜亂失序的現象，使用戶在瀏覽是能夠更迅速的接收信息，感知信息。

說到文字設計不得不提字體，絕大多數的網頁字體都是系統固有的，但在一些元素中需要注意字體的“性格”。字體分為襯線體、無襯線體、書法體、以及裝飾體。在網頁設計中設計者使用裝飾體居多，裝飾體在表現力上的呈現效果最突出，字體多數為粗體字。針對這類字體的合并、切割、扭曲等操作，可以更加容易變現主題信息，當然，主題信息的剛烈或親和，就需要通過頁面的策劃和文案來判定了。

四、頁面按鈕

頁面中的按鈕，設計者一般使用PNG圖片，嵌入頁面內，按鈕有著鮮明的區分性質，不同功能的目標明確。按鈕的位置也應注意，在banner部分的按鈕起到導航區域的作用，可將按鈕放置于細則頂部，這就像用戶決定的觸發點，用戶需要的是一目明了的體驗，選擇按鈕時間越長，按鈕的作用就越淡化，甚至于用戶找不到正確的引導。所以設計者要在適當的位置放置正確的按鈕，讓網頁的各項功能更加便捷。

五、結語

綜上所述，本文對網頁設計要素進行了簡要解析，一個優秀的網頁設計應該具備三個標準：功能性、信息傳遞的有效性、審美性。本文著重探究頁面尺寸、色彩色調、版面、文字、按鈕的設計上對當今網頁設計中的主要因素進行了探究。時至今日，網頁設計早已從最開始簡單的信息呈現發展至今圖形化風格，在進行網頁設計的時候我們要利用這些重要的操作要素和設計潮流，融入受眾的需求和審美特點，這些正是網頁設計師們應要去追求的。