UI設(shè)計|網(wǎng)站常見風(fēng)格與UI規(guī)范
時間:2023-10-16 13:06:02 | 來源:網(wǎng)站運營
時間:2023-10-16 13:06:02 來源:網(wǎng)站運營
UI設(shè)計|網(wǎng)站常見風(fēng)格與UI規(guī)范:
一.八種常見的網(wǎng)頁設(shè)計風(fēng)格
1.藍(lán)白科技設(shè)計風(fēng)格一多用于官網(wǎng)及科技類企業(yè)站上
2.女性柔美設(shè)計風(fēng)格一多用于女性類服飾化妝品等網(wǎng)頁上
3. 土豪黑金設(shè)計風(fēng)格一多用于髙端奢侈品及盛典聚會類網(wǎng)頁上
4.中國風(fēng)設(shè)計風(fēng)格一多用于傳統(tǒng)文化元素相關(guān)產(chǎn)品網(wǎng)頁
5、歐美大色塊風(fēng)格一多用于時尚概念產(chǎn)品相關(guān)產(chǎn)品網(wǎng)頁
6.日韓小清新風(fēng)格一馬卡龍色系或者綠植系網(wǎng)站適合輕松愉快的產(chǎn)品或者無印良品風(fēng)格
7.北歐性冷淡風(fēng)格一適合高端或者小眾最求自我個性表達(dá)的產(chǎn)品設(shè)計
8.彩虹炫彩風(fēng)格一適合個性強(qiáng)烈時尚的產(chǎn)品設(shè)計
二.網(wǎng)頁UI規(guī)范建立
1.
字體和排版方案,包括每個部分的字體類型、尺寸、字重以及具體用法。
例如;網(wǎng)頁常用8種字體
中文:微軟雅黑、黑體、華文細(xì)黑、宋體
英文:Arial、 Tahoma、Helvetica、Georgia
2.
配色方案,包括每種色彩的具體參數(shù),以及其他可接受的色調(diào)包括背景色、主題色。
3.
LOGO,包括它的樣式、變體、尺寸以及位置的說明。
4.
拼寫、關(guān)鍵詞的選擇、文案的風(fēng)格。
5.包括
按鈕的各個狀態(tài)和尺寸、社交媒體圖片的尺寸等。
6.
圖片使用規(guī)范,包括尺寸色彩、裁剪規(guī)則和視覺表現(xiàn)方面的標(biāo)準(zhǔn)。
7.
SEO信息,比如可選的標(biāo)簽和關(guān)鍵詞。
8.
柵格標(biāo)準(zhǔn)(主要用作網(wǎng)頁排版和響應(yīng)式適配)。
9.
空間與留白方面的說明(設(shè)計的松緊度等)°
10.
隱藏狀態(tài)說明(設(shè)計開發(fā)中會有疑問的點)。
關(guān)鍵詞:風(fēng)格,規(guī)范,設(shè)計