當(dāng)前位置:首頁(yè) > 新聞 > 北京網(wǎng)頁(yè)制作的基礎(chǔ)UI設(shè)計(jì)規(guī)范總匯
北京網(wǎng)頁(yè)制作的基礎(chǔ)UI設(shè)計(jì)規(guī)范總匯
北京網(wǎng)頁(yè)制作一般都是要遵循這某些網(wǎng)頁(yè)制作規(guī)則的,尤其是對(duì)UI的設(shè)計(jì)更是有些著一套規(guī)范。一些剛?cè)胄械木W(wǎng)頁(yè)設(shè)計(jì)師因?yàn)閷?duì)網(wǎng)頁(yè)制作的一些尺寸及規(guī)范的理解可能會(huì)有一些模糊,但看到如下UI設(shè)計(jì)規(guī)范,對(duì)于網(wǎng)頁(yè)制作的一些基礎(chǔ)尺寸就會(huì)有一些概念了。

1、 網(wǎng)頁(yè)尺寸規(guī)范
①北京網(wǎng)頁(yè)制作使用的網(wǎng)頁(yè)寬度一般為1920px,高度依據(jù)網(wǎng)頁(yè)內(nèi)容而定。但網(wǎng)頁(yè)的視覺(jué)有效寬度為950px至1200px;
②首屏的高度建議為700px至750px,最佳內(nèi)容區(qū)域?yàn)?200px;
③建立文檔的寬度與網(wǎng)頁(yè)一致,均為1920px。
2、 字體常用規(guī)范
①中文經(jīng)常使用的字體為宋體或者微軟黑雅,蘋方等;
②英文字體則常用Arial以及sans。
3段落與字體格式
①北京網(wǎng)頁(yè)制作一般把對(duì)齊方式設(shè)為兩端對(duì)齊,最后端左對(duì)齊;
②首行需要縮進(jìn)兩個(gè)字符;
③行間間距可以設(shè)為字號(hào)的1.5倍到2倍;
④段后的空格要在字號(hào)的1.5倍到2倍之間;
⑤字間距可以為0,也可以靠視覺(jué)來(lái)衡量;
⑥間距的具體數(shù)值要依據(jù)情況而定。
4、 合理布局網(wǎng)頁(yè)頁(yè)面的層級(jí)
一般把網(wǎng)頁(yè)的層級(jí)分為首頁(yè)、二級(jí)頁(yè)面及三級(jí)頁(yè)面。
5、 網(wǎng)頁(yè)的顏色布局
北京網(wǎng)頁(yè)制作一般依靠以下原則來(lái)原則顏色配置:
①企業(yè)logo的顏色;
②網(wǎng)頁(yè)背景布局顏色;
③內(nèi)容展示區(qū)產(chǎn)品的顏色;
④選擇三個(gè)相近的色系進(jìn)行明暗的調(diào)整;
⑤北京網(wǎng)頁(yè)制作也會(huì)從企業(yè)產(chǎn)品的相關(guān)圖片里的顏色提取出來(lái)幾種,然后用作網(wǎng)頁(yè)的基礎(chǔ)色調(diào)。
案例推薦
更多資訊-

2025/11/20
生物醫(yī)療網(wǎng)站建設(shè)-北京網(wǎng)站建設(shè)-斐*(長(zhǎng)春)**生物科技有限責(zé)任公司
read more生物醫(yī)療網(wǎng)站建設(shè)-北京網(wǎng)站建設(shè)-斐*(長(zhǎng)春)**生物科技有限責(zé)任公司 網(wǎng)站語(yǔ)言:中英文雙語(yǔ) 網(wǎng)站類型:響應(yīng)式網(wǎng)站 網(wǎng)站開(kāi)發(fā)語(yǔ)言:PHP語(yǔ)言開(kāi)發(fā)
-

2025/04/22
新能源科技網(wǎng)站建設(shè)-北京得*新能源科技網(wǎng)站建設(shè)
read more北京得*新能源科技有限公司是一家專注于綠色能源解決方案的高新技術(shù)企業(yè),業(yè)務(wù)涵蓋光伏發(fā)電、風(fēng)光互補(bǔ)系統(tǒng)、智能微網(wǎng)、能耗監(jiān)測(cè)與節(jié)能減排等多個(gè)板塊。為順應(yīng)“雙碳”戰(zhàn)略發(fā)展要求,公司亟需打造一個(gè)具備行業(yè)專業(yè)性與品牌傳播力的官網(wǎng)平臺(tái)。
-

2025/04/22
信息咨詢網(wǎng)站建設(shè)-信*綜研管理顧問(wèn)信息咨詢網(wǎng)站建設(shè)
read more信*綜研管理顧問(wèn)(北京)有限公司是一家深耕管理咨詢領(lǐng)域、致力于推動(dòng)中國(guó)企業(yè)國(guó)際化的專業(yè)咨詢機(jī)構(gòu)。為了進(jìn)一步強(qiáng)化品牌形象,展示權(quán)威專家資源與咨詢成果,客戶委托我們打造一套全新官網(wǎng)平臺(tái),實(shí)現(xiàn)從品牌傳播到業(yè)務(wù)承接的數(shù)字化升級(jí)。
-

2025/04/22
科技網(wǎng)站建設(shè)-北京唯*通達(dá)科技網(wǎng)站建設(shè)
read more北京唯*通達(dá)科技是一家專注于AI算力平臺(tái)、高性能計(jì)算產(chǎn)品、數(shù)據(jù)中心基礎(chǔ)架構(gòu)解決方案的高新技術(shù)企業(yè)。此次官網(wǎng)建設(shè)旨在全面升級(jí)企業(yè)數(shù)字化形象,打造一個(gè)集展示、推廣與技術(shù)服務(wù)于一體的多功能門戶網(wǎng)站。
-

2025/04/22
新能源網(wǎng)站建設(shè)-北京樂(lè)*程科技新能源網(wǎng)站建設(shè)
read more北京樂(lè)*程科技是一家專注于企業(yè)碳排放管理、大數(shù)據(jù)核算與智能生產(chǎn)集成的新能源科技企業(yè)。為更好地展示其技術(shù)實(shí)力與行業(yè)愿景,我們?yōu)槠淞可泶蛟炝艘惶赘叨恕⒅悄芑墓俜骄W(wǎng)站解決方案,全面賦能品牌數(shù)字化形象升級(jí)。
-

2025/03/17
科技、工業(yè)制造,北京網(wǎng)站建設(shè),上海鎬渭**技術(shù)有限公司
read more網(wǎng)建科技本次為上海鎬渭**技術(shù)有限公司提供了網(wǎng)站設(shè)計(jì),網(wǎng)站制作和網(wǎng)站開(kāi)發(fā)一站式服務(wù)。
-

2024/08/20
電力能源科技,北京網(wǎng)站建設(shè)-北京方勝有成科技股份有限公司
read more電力能源科技網(wǎng)站建設(shè)-企術(shù)簽約北京方勝有成科技為其提供專業(yè)的網(wǎng)站定制服務(wù)。 網(wǎng)站語(yǔ)言:中文 網(wǎng)站類型:響應(yīng)式網(wǎng)站 網(wǎng)站開(kāi)發(fā)語(yǔ)言:PHP語(yǔ)言開(kāi)發(fā)
-

2024/06/21
外貿(mào)網(wǎng)站建設(shè)-北京中外*科技有限公司
read more外貿(mào)網(wǎng)站建設(shè)-企術(shù)簽約北京中外*為其提供專業(yè)的網(wǎng)站定制服務(wù)。 網(wǎng)站語(yǔ)言:中英文雙語(yǔ) 網(wǎng)站類型:響應(yīng)式網(wǎng)站 網(wǎng)站開(kāi)發(fā)語(yǔ)言:PHP語(yǔ)言開(kāi)發(fā)



