(一)網(wǎng)頁(yè)寬度及高度
建畫(huà)布一般1920px*1080px(高度建議可自定)建議視覺(jué)中心網(wǎng)站寬度1000px以內(nèi),推薦尺寸960px甚纲,如果超出1000px,推薦尺寸1200px。(兩邊需留白签杈,目的自適應(yīng))
建議網(wǎng)站高度控制在2-3屏內(nèi)常空,大概高度控制在2000px以內(nèi)為宜沽一。一般一屏高度在710px以內(nèi),否則需要下滑,不下滑會(huì)看不到下方內(nèi)容漓糙。
(二)字體字號(hào)
字體請(qǐng)使用系統(tǒng)自帶字體铣缠。例:微軟雅黑、黑體昆禽、宋體蝗蛙、Tahoma、Arial醉鳖、Verdana捡硅。
安卓中文常用微軟雅黑,英文常用HelveticalNeue
中文備選字體:方正蘭亭黑
英文備選字體Helvetica盗棵、Arial壮韭、DIN
IOS常用字體:蘋(píng)方
字號(hào)大斜狈ⅰ:
中文:最低12px起步,12喷屋、14……偶數(shù)遞增
H1標(biāo)題字36px,行間距60px,? H2副標(biāo)題字24px,行間距40px,? 正文14px,行間距24px,修飾提示性文字12px,行間距20px.
行間距=行高-字號(hào)(行高一般為20px)
2琳拨、英文:最低10px起步,10屯曹、12……偶數(shù)遞增
字體顏色:
常規(guī)顏色:#666666(常用大面積范圍文本子从绘,在列表中標(biāo)題字呈現(xiàn)加粗)
重要文字:#333333(常用于標(biāo)題和關(guān)鍵性文字)
警示文字:#ff0000(常用于提示性文字,警示文字)
次級(jí)文字:#999999(常用于幫助信息是牢,不需太在意的文字)
(三)頁(yè)面布局
1.整體視覺(jué)
2.網(wǎng)頁(yè)柵格頁(yè)面寬度:980px欄目間距:10px
3.產(chǎn)品柵格產(chǎn)品寬度:160px產(chǎn)品間距:40px/30px
4.表單
5.Bar
6.留白
7.Button
合適的按鈕尺寸
1.導(dǎo)航(文本字號(hào)一般14px)站酷導(dǎo)航按鈕80*60px,東方頭條導(dǎo)航按鈕60*50px,寬度控制在50-100px左右,按鈕內(nèi)部左右留白一般20px左右,高度控制在30-50px左右,一般行高200-400%
2.注冊(cè)笙以、登錄
注冊(cè)淌实、登錄按鈕一般寬度與上方輸入表單寬度保持一致,一般表單文本對(duì)話框?qū)挾?00-400px左右
高度控制在30-50px左右(行高200-400%左右),由于單獨(dú)存在,尺寸大猖腕、字號(hào)大拆祈,一般字號(hào)14-18px
3.搜索框
由于搜索框一般位于頂部單獨(dú)存在,搜索框文本域尺寸較大,故按鈕亦大,一般寬度控制80-100px左右,高度控制在30-50px左右(行高200-400%左右)
icon搜索按鈕倘感,一般寬度縮小放坏,尺寸50px左右
4.購(gòu)買、關(guān)注
一般購(gòu)買按鈕在150-200px左右,高度控制在30-50px左右(行高200-400%左右),由于單獨(dú)存在老玛,尺寸大淤年、字號(hào)大,一般字號(hào)14-18px,關(guān)注等按鈕相對(duì)購(gòu)買寬度略小
(四)icon
制作規(guī)格:統(tǒng)一的視角蜡豹、倒角麸粮、材質(zhì)、尺寸余素,顏色數(shù)量盡量不要超過(guò)三種
制作要求:圖標(biāo)必須會(huì)意直觀豹休,這是它區(qū)別于文字的價(jià)值
icon尺寸正方形常見(jiàn)一般尺寸30*30? 32px*32px 50*50 100*100px視大小自定
(五)命名
(六)圖片輸出