字(zi)體是網頁設計中最基本(ben)的構(gou)成元(yuan)素(su)之一，用戶通過文字(zi)來理解內容和完(wan)成任務，優秀的字(zi)體將大大提升用戶的閱讀體驗。
文字基(ji)礎知識(shi)
「文字(zi)」是信息交流的工具，可讀(du)性、易讀(du)性至關重要(yao)。在網頁(ye)設計中文字(zi)使用需要(yao)考慮幾個要(yao)素(su)：首先考慮字(zi)體，其(qi)次是字(zi)重、字(zi)號、行高、字(zi)間(jian)距、行間(jian)距、段間(jian)距等(deng)。
產品級色(se)彩(cai)體系則是(shi)在具(ju)體設計(ji)過程中(zhong)，基于系統色(se)彩(cai)進一步(bu)定義符合(he)產品調性(xing)以(yi)及功能訴求的顏色(se)。
品(pin)牌色應用(yong)：品(pin)牌色取(qu)自基礎色板的藍色#1890FF，應用(yong)場(chang)景包括：關(guan)鍵行動點(dian)，操作狀(zhuang)態(tai)、重要信息高亮，圖形化等場(chang)景。
中(zhong)性色：中(zhong)性色主(zhu)要應用在文(wen)字部分，此外(wai)背景、邊框、分割(ge)線等場景中(zhong)也非常常見。
功能色(se)：功能色(se)代表著明確的信息及狀態，如成功、出錯、失敗、提醒、鏈接等。
系統級中性色
中(zhong)性(xing)色(se)包含了黑(hei)、白(bai)、灰。在網頁設計中(zhong)被大(da)量使(shi)用，合理的(de)選擇中(zhong)性(xing)色(se)能夠令頁面信息具(ju)備(bei)良好(hao)的(de)主次關系，助力閱讀體(ti)驗。中(zhong)性(xing)色(se)板一共包含了從白(bai)到黑(hei)的(de)10個顏色(se)。
中性色也是主要應用在界面的文字、背景、邊框、分割線等場景中。考慮到深淺色背景的差異，中性色根據設計需求在落地的時候可按照色值和透明度兩種方式實現，兩種方式優先使用色值方式，盡量避免兩者混搭使用。
從(cong)用戶角度出發：表述一致；重要的(de)信息(xi)放在(zai)(zai)顯著位置；**、精準、完整；精簡、友(you)好、正(zheng)面(mian)(mian)。在(zai)(zai)有限的(de)空間內將(jiang)重要的(de)信息(xi)放在(zai)(zai)最(zui)前面(mian)(mian)，通過高(gao)亮、留白等方式突出重要信息(xi)讓用戶**眼看到最(zui)重要的(de)內容。
因(yin)為軟、硬(ying)件(jian)一(yi)直在變化，設計規(gui)(gui)范和(he)內(nei)(nei)容也要定時更(geng)新(xin)，規(gui)(gui)范是(shi)為了在繁多復雜業務中尋求一(yi)種(zhong)平衡，幫助設計團隊(dui)更(geng)高效的完成任(ren)務，有(you)(you)些內(nei)(nei)容適(shi)合強(qiang)制規(gui)(gui)定，有(you)(you)些內(nei)(nei)容適(shi)合規(gui)(gui)范一(yi)個范圍，有(you)(you)些內(nei)(nei)容適(shi)合制定一(yi)種(zhong)規(gui)(gui)律方法，當出現特殊情況(kuang)時需要重(zhong)新(xin)審視和(he)不(bu)斷完善靈活使用(yong)。
蘇公網安備32030302000492號
