網(wǎng)頁(yè)的設計, 首先應從尺寸開(kāi)始。所謂尺寸, 是頁(yè)面的高度與寬度, 設計者可根據實(shí)際的使用環(huán)境, 將其分為不同載體。尺寸一般使用分辨率來(lái)表示, 一像素單位為px, px值設置為72px用于電子屏幕顯示， 在印刷品上我們設置為300px, 配合計量單位。目前根據載體的不同, 尺寸也被區分為了電腦屏幕尺寸, 手機尺寸等, 列如:電腦屏幕側重于大面積的展示體驗, 手機則是小屏幕的便捷顯示, 由于在小屏幕上觀(guān)看大尺寸頁(yè)面, 頁(yè)面字體會(huì )顯得稀小, 所以通常需設計兩種尺寸。雖然目前流行的html5簡(jiǎn)化了這些操作, 但如果想通用兩種不同尺寸, 也需要留意許多細節。
        確定設計頁(yè)面的寬度是較為容易的, 但由于頁(yè)面缺少自適應能力, 無(wú)法根據屏幕的大小來(lái)進(jìn)行縮放, 這樣無(wú)法全顯核心區域的內容。根據市面上一般電腦的寬度, 最小在1200像素左右,文字的區域被控制在1000到1200px區間內, 延伸寬度為大屏幕做準備。如果無(wú)左右延伸區域, 在大面積的顯示上將會(huì )顯示得十分緊湊。關(guān)于頁(yè)面高度的設置, 基于內容多或少而定, 通常不應超過(guò)3屏。頁(yè)面過(guò)一是不便于瀏覽者觀(guān)看, 二是會(huì )導致頁(yè)面加載緩慢, 影響使用體驗。因此高度在3000px內更利于瀏覽。

        對于設計者來(lái)說(shuō), 色彩是至關(guān)重要的一個(gè)環(huán)節, 每個(gè)頁(yè)面都應具有獨特的風(fēng)格, 風(fēng)格屬于調性, 做設計首先要決定調性, 這是最關(guān)鍵的第一步。色彩應用給人視覺(jué)第一官感, 這便是視覺(jué)傳達的“首輪效應”, 這種視覺(jué)上的沖擊力強弱, 另一層面上看作為指向性體現, 主題的體現。在《視覺(jué)錘》中的比喻, 語(yǔ)言是釘子, 視覺(jué)是錘子, 好的釘子要想打入用戶(hù)心中, 就要用視覺(jué)的錘子, 通過(guò)觀(guān)察者的眼睛, 敲進(jìn)心里, [鎖定心智。雖然聽(tīng)上去尤為激烈, 但在實(shí)際應用中卻鑿實(shí)有效。
        色彩與色調, 本無(wú)好壞, 搭配與協(xié)調中應符合視覺(jué)的呈現形式, 符合形式美法則。形式美法則是人類(lèi)在創(chuàng )造美的過(guò)程與形式中總結的經(jīng)驗及抽象概括。包括了對稱(chēng)均衡、單純齊一、調和對比及多樣統一。另外, 在三大構成中, 平面構成、色彩構成和立體構成, 其中平面構成和色彩構成也可常運用在頁(yè)面設計中。如何選擇合適的色彩?首先要看所涉及的行業(yè)屬性, 其次看所要求表現的情緒基調, 最后合理搭配, 謹慎選擇配色。設計需要符合“科學(xué)法則”及“形式美法則”, 看似雜亂無(wú)章的規劃, 假如觀(guān)者覺(jué)得上心, 覺(jué)得舒適, 那么這個(gè)頁(yè)面也就符合了“形式美法則”。
        關(guān)于配色問(wèn)題, 不同的行業(yè)也有著(zhù)一套不同的標準, 色彩還要考慮另外兩個(gè)指標, 明度和純度, 也就是明亮度與飽和度。在明度上, 色彩愈加明亮就愈加給人情緒感, 在純度上純度越高, 越刺激情緒。而色相則分為冷暖色, 冷色系和暖色系的區分,一般用在區別邊界比較明顯的環(huán)境下, 與網(wǎng)頁(yè)的作用屬性相匹配。這些色彩知識, 作為一個(gè)設計師要爛熟于心, 看似簡(jiǎn)單的設計用色, 都需美學(xué)原理來(lái)支撐。
        網(wǎng)頁(yè)版面的設計必須要有有效的傳達方法。舉個(gè)例子, 人類(lèi)眼球結構中, 視覺(jué)有效部分占有比列非常小, 這促使了人類(lèi)在一定的時(shí)間限定內所接受的信息量是非常有限的。我們在閱讀瀏覽的時(shí)候, 視覺(jué)習慣上的流動(dòng)性, 容易被視覺(jué)元素影響, 因此在版面設計的過(guò)程中, 利用這種因素, 可引導用戶(hù)進(jìn)行瀏覽網(wǎng)頁(yè)上的信息。完善的排版設計, 要有豐富有條理的特點(diǎn), 布局要有調理但不失合理性, 采用適當的方式來(lái)排列,使網(wǎng)頁(yè)的布局具有突出的協(xié)調性。對于細節的描述和介紹, 這個(gè)部分不能過(guò)于搶鏡, 處在次要位置屬于合理。
在網(wǎng)頁(yè)中的文字主要功能是傳遞各類(lèi)信息, 并非僅僅是裝飾, 為了提高視覺(jué)信息的傳遞效率, 在進(jìn)行網(wǎng)頁(yè)文字的設計時(shí), 將文字整體的編輯效果加入, 給用戶(hù)清晰的視效體驗,避免網(wǎng)頁(yè)中出現雜亂失序的現象, 使用戶(hù)在瀏覽是能夠更迅速的接收信息, 感知信息。
        說(shuō)到文字設計不得不提字體, 絕大多數的網(wǎng)頁(yè)字體都是系統固有的, 但在一些元素中需要注意字體的“性格”。字體分為襯線(xiàn)體、無(wú)襯線(xiàn)體、書(shū)法體、以及裝飾體。在網(wǎng)頁(yè)設計中設計者使用裝飾體居多, 裝飾體在表現力上的呈現效果最突出, 字體多數為粗體字。針對這類(lèi)字體的合并、切割、扭曲等操作, 可以更加容易變現主題信息, 當然, 主題信息的剛烈或親和, 就需要通過(guò)頁(yè)面的策劃和文案來(lái)判定了。