網站設計并非受限于某種固定風格或必須包含系統級導航欄和工具欄的制式要求，這給予了設計師極大的靈活性。然而，這種靈活性有時也會讓設計師感到無所適從。因此，在設計網站之前，與前端開發人員充分溝通，明確所使用的尺寸、字體、交互方式等至關重要，這樣可以避免后期出現不必要的誤會。

由于網頁尺寸與用戶所使用的屏幕大小密切相關，而用戶屏幕的種類繁多且難以一一統計，我們的設計稿主要需考慮主流用戶的分辨率，其他分辨率則通過適配方式解決。最新版Photoshop的Web預設尺寸為我們提供了寶貴的參考，如常見尺寸（1366x768px）、大網頁（1920x1080px）等。在進行網站設計時，建議以主流的分辨率如1920x1080px為基礎，因此網站寬度通常設定為1920px，而屏幕高度則大約為900px，這是因為1080px需要減去瀏覽器頭部和底部的空間。內容安全區域則一般設定為1200px（或1000px / 1400px），這樣的尺寸設計相對標準。當然，在設計網頁前，務必告知前端開發人員相關設計尺寸，因為他們在適配方式和后續配合方面擁有更多話語權。

網站上的文字通常由前端工程師在代碼中重新編寫。這些文字在瀏覽器上的渲染效果受到系統和瀏覽器的影響。例如，在蘋果電腦和Windows系統電腦上看到的文字效果可能會有所不同。鑒于Windows系統的用戶占據主流地位，即使我們使用蘋果電腦進行網頁設計，也應確保網頁在Windows系統上的顯示效果與我們的設計稿一致。否則，即使我們完成了精美的設計稿，程序員也可能無法將其還原成我們期望的樣子。

字號大小的選擇同樣重要。網頁的顯示區域限制了文字不能過大，一般來說，網站設計中的文字大小應控制在12-20像素之間。字號不能小于12px，因為更小的字號無法清晰顯示中文的復雜筆畫。同時，由于奇數字號的文字表現和適配效果較差，我們應選擇偶數字號進行設計。總結來說，文字推薦使用宋體、大小為12px、渲染方式選擇無。對于稍大一些的字體，推薦使用微軟雅黑、大小為14-20px、渲染方式選擇Windows Lcd或銳利。此外，英文和數字應使用Arial字體，渲染方式選擇無。