字體(tǐ)是(shì)網頁設計(jì)中最基本的(de'¶σ)構成元素之一(yī)，用(yòng)戶通(tōn↕< g)過文(wén)字來(lái)理(lǐ)解內(nèi)容和(hé)完成任務，優秀的§(de)字體(tǐ)将大(dà)大(dà)提升用(yò≤∑∞∏ng)戶的(de)閱讀(dú)體(tǐ)驗。
文(wén)字基礎知(zhī)識
「文(wén)字」是(shì)信息交流的(de)工(gōng)具，可(kě)讀(dú)性、 ₹<易讀(dú)性至關重要(yào)。在網頁設計(jì)中文(wén)α✘♥≥字使用(yòng)需要(yào)考慮幾個(gè)要(yào ')素：首先考慮字體(tǐ)，其次是(shì)字重、字↓λ∏®号、行(xíng)高(gāo)、字間(jiān)距、行(xíng)間(jiān)✘✔距、段間(jiān)距等。
産品級色彩體(tǐ)系則是(shì)在具ε≥體(tǐ)設計(jì)過程中，基于系統色彩進一(yī)步定義符合$÷↔産品調性以及功能(néng)訴求的(de)顔色。
品牌色應用(yòng)：品牌色取自(zì)基礎色闆的(de)藍(lán)色#1890FF，應用§™β(yòng)場(chǎng)景包括：關鍵行(xíng)動點λ→，操作(zuò)狀态、重要(yào)信息高(gāo)亮(liàng)，圖形化(huà)等>σ場(chǎng)景。
中性色：中性色主要(yào)應用(yòng)在文(wén)字部分(fēn)，此外(wàπβ¶i)背景、邊框、分(fēn)割線等場(chǎng)景中也(y≤™±ě)非常常見(jiàn)。
功能(néng)色：功能(néng)色代表著(zhe)明(míng)确的(de)信息及狀态，如(∞¶&rú)成功、出錯(cuò)、失敗、提醒、鏈接等。
系統級中性色
中性色包含了(le)黑(hēi)、白(bái)、灰。在網頁設計(jì)中被大(€≈dà)量使用(yòng)，合理(lǐ)的(de)選擇中性色能(néng)夠令頁ε₹≤面信息具備良好(hǎo)的(de)主次關系♥±÷δ，助力閱讀(dú)體(tǐ)驗。中性色闆一(yī)共包含了(le)從(>γ≤cóng)白(bái)到(dào)黑(hē☆<αi)的(de)10個(gè)顔色。
中性色也(yě)是(shì)主要(yào)應用(yòng)在界 ×π∑面的(de)文(wén)字、背景、邊框、分(fēn)割線等場(chǎ&×ng)景中。考慮到(dào)深淺色背景的(de)差異，中性色根₽♠據設計(jì)需求在落地(dì)的(de)時(shí)候可(kě)按照(zhào)色值'×₽×和(hé)透明(míng)度兩種方式實現(xiàn)，兩←<←種方式優先使用(yòng)色值方式，盡量避免兩者混搭使用(yòng)。
從(cóng)用(yòng)戶角度出發：表述一(yī)緻；重要(yào)的(de)信息放(f←βàng)在顯著位置；**、精準、完整；精簡、友(yǒu)好(hǎ♠Ω₹o)、正面。在有(yǒu)限的(de)空(kōng)間(jiān)σ 內(nèi)将重要(yào)的(de)信息放(f×$àng)在最前面，通(tōng)過高(gāo)亮↑πγ(liàng)、留白(bái)等方式突出重要(yào≠→ )信息讓用(yòng)戶**眼看(kàn)到(dào)最重要(yào)的(de)內¥ φφ(nèi)容。
因為(wèi)軟、硬件(jiàn)一(yī)直在變化(huà)，>☆設計(jì)規範和(hé)內(nèi)容也(yě)要∞€∞(yào)定時(shí)更新，規範是(shì)為(wè♣i)了(le)在繁多(duō)複雜(zá✘)業(yè)務中尋求一(yī)種平衡，幫助設計(jì©$)團隊更高(gāo)效的(de)完成任務，有(yǒu)些(xi☆φē)內(nèi)容适合強制(zhì)規定，有(yǒu)些(xiē)內(nèi)容适÷©合規範一(yī)個(gè)範圍，有(yǒu)₽÷'β些(xiē)內(nèi)容适合制(zhì)定一( ¶yī)種規律方法，當出現(xiàn)特殊情況₩↔時(shí)需要(yào)重新審視(shì)和(hé£)不(bù)斷完善靈活使用(yòng)。
蘇公網安備32030302000492号
