網站設計并非受限于某種固定風格或必須包含系統級導航欄和(hé)工具欄的(de)制式要求，這(zhè)給予了(le)設計師極大(dà)的(de)靈活性。然而，這(zhè)種靈活性有時(shí)也(yě)會讓設計師感到無所适從。因此，在設計網站之前，與前端開發人(rén)員(yuán)充分(fēn)溝通(tōng)，明(míng)确所使用(yòng)的(de)尺寸、字體、交互方式等至關重要，這(zhè)樣可(kě)以避免後期出現不必要的(de)誤會。

由于網頁尺寸與用(yòng)戶所使用(yòng)的(de)屏幕大(dà)小密切相關，而用(yòng)戶屏幕的(de)種類繁多(duō)且難以一一統計，我們的(de)設計稿主要需考慮主流用(yòng)戶的(de)分(fēn)辨率，其他(tā)分(fēn)辨率則通(tōng)過适配方式解決。最新版Photoshop的(de)Web預設尺寸爲我們提供了(le)寶貴的(de)參考，如常見尺寸（1366x768px）、大(dà)網頁（1920x1080px）等。在進行網站設計時(shí)，建議(yì)以主流的(de)分(fēn)辨率如1920x1080px爲基礎，因此網站寬度通(tōng)常設定爲1920px，而屏幕高(gāo)度則大(dà)約爲900px，這(zhè)是因爲1080px需要減去浏覽器頭部和(hé)底部的(de)空間。内容安全區(qū)域則一般設定爲1200px（或1000px / 1400px），這(zhè)樣的(de)尺寸設計相對(duì)标準。當然，在設計網頁前，務必告知前端開發人(rén)員(yuán)相關設計尺寸，因爲他(tā)們在适配方式和(hé)後續配合方面擁有更多(duō)話(huà)語權。

網站上的(de)文字通(tōng)常由前端工程師在代碼中重新編寫。這(zhè)些文字在浏覽器上的(de)渲染效果受到系統和(hé)浏覽器的(de)影(yǐng)響。例如，在蘋果電腦(nǎo)和(hé)Windows系統電腦(nǎo)上看到的(de)文字效果可(kě)能會有所不同。鑒于Windows系統的(de)用(yòng)戶占據主流地位，即使我們使用(yòng)蘋果電腦(nǎo)進行網頁設計，也(yě)應确保網頁在Windows系統上的(de)顯示效果與我們的(de)設計稿一緻。否則，即使我們完成了(le)精美(měi)的(de)設計稿，程序員(yuán)也(yě)可(kě)能無法将其還(hái)原成我們期望的(de)樣子。

字号大(dà)小的(de)選擇同樣重要。網頁的(de)顯示區(qū)域限制了(le)文字不能過大(dà)，一般來(lái)說，網站設計中的(de)文字大(dà)小應控制在12-20像素之間。字号不能小于12px，因爲更小的(de)字号無法清晰顯示中文的(de)複雜(zá)筆畫(huà)。同時(shí)，由于奇數字号的(de)文字表現和(hé)适配效果較差，我們應選擇偶數字号進行設計。總結來(lái)說，文字推薦使用(yòng)宋體、大(dà)小爲12px、渲染方式選擇無。對(duì)于稍大(dà)一些的(de)字體，推薦使用(yòng)微軟雅黑(hēi)、大(dà)小爲14-20px、渲染方式選擇Windows Lcd或銳利。此外，英文和(hé)數字應使用(yòng)Arial字體，渲染方式選擇無。