當(dāng)前位置：首頁 > 新聞 > 北京網(wǎng)頁制作的基礎(chǔ)UI設(shè)計(jì)規(guī)范總匯
北京網(wǎng)頁制作的基礎(chǔ)UI設(shè)計(jì)規(guī)范總匯
北京網(wǎng)頁制作一般都是要遵循這某些網(wǎng)頁制作規(guī)則的，尤其是對UI的設(shè)計(jì)更是有些著一套規(guī)范。一些剛?cè)胄械木W(wǎng)頁設(shè)計(jì)師因?yàn)閷W(wǎng)頁制作的一些尺寸及規(guī)范的理解可能會有一些模糊，但看到如下UI設(shè)計(jì)規(guī)范，對于網(wǎng)頁制作的一些基礎(chǔ)尺寸就會有一些概念了。
1、 網(wǎng)頁尺寸規(guī)范
①北京網(wǎng)頁制作使用的網(wǎng)頁寬度一般為1920px，高度依據(jù)網(wǎng)頁內(nèi)容而定。但網(wǎng)頁的視覺有效寬度為950px至1200px；
②首屏的高度建議為700px至750px，最佳內(nèi)容區(qū)域?yàn)?200px；
③建立文檔的寬度與網(wǎng)頁一致，均為1920px。
2、 字體常用規(guī)范
①中文經(jīng)常使用的字體為宋體或者微軟黑雅，蘋方等；
②英文字體則常用Arial以及sans。
3段落與字體格式
①北京網(wǎng)頁制作一般把對齊方式設(shè)為兩端對齊，最后端左對齊；
②首行需要縮進(jìn)兩個字符；
③行間間距可以設(shè)為字號的1.5倍到2倍；
④段后的空格要在字號的1.5倍到2倍之間；
⑤字間距可以為0，也可以靠視覺來衡量；
⑥間距的具體數(shù)值要依據(jù)情況而定。
4、 合理布局網(wǎng)頁頁面的層級
一般把網(wǎng)頁的層級分為首頁、二級頁面及三級頁面。
5、 網(wǎng)頁的顏色布局
北京網(wǎng)頁制作一般依靠以下原則來原則顏色配置：
①企業(yè)logo的顏色；
②網(wǎng)頁背景布局顏色；
③內(nèi)容展示區(qū)產(chǎn)品的顏色；
④選擇三個相近的色系進(jìn)行明暗的調(diào)整；
⑤北京網(wǎng)頁制作也會從企業(yè)產(chǎn)品的相關(guān)圖片里的顏色提取出來幾種，然后用作網(wǎng)頁的基礎(chǔ)色調(diào)。
案例推薦
更多資訊-
2024/08/20
電力能源科技，北京網(wǎng)站建設(shè)-北京方勝有成科技股份有限公司
read more電力能源科技網(wǎng)站建設(shè)-企術(shù)簽約北京方勝有成科技為其提供專業(yè)的網(wǎng)站定制服務(wù)。 網(wǎng)站語言：中文 網(wǎng)站類型：響應(yīng)式網(wǎng)站 網(wǎng)站開發(fā)語言：PHP語言開發(fā)
-
2024/06/21
外貿(mào)網(wǎng)站建設(shè)-北京中外*科技有限公司
read more外貿(mào)網(wǎng)站建設(shè)-企術(shù)簽約北京中外*為其提供專業(yè)的網(wǎng)站定制服務(wù)。 網(wǎng)站語言：中英文雙語 網(wǎng)站類型：響應(yīng)式網(wǎng)站 網(wǎng)站開發(fā)語言：PHP語言開發(fā)
-
2024/04/28
能源環(huán)護(hù)網(wǎng)站建設(shè)-慧*眾合科技
read more網(wǎng)建科技本次為慧*眾合科技提供了網(wǎng)站設(shè)計(jì)，網(wǎng)站制作和網(wǎng)站開發(fā)一站式服務(wù)。 網(wǎng)站類型：響應(yīng)式網(wǎng)站建設(shè) 網(wǎng)站語言：中文 所屬行業(yè)：能源環(huán)保
-
2024/04/23
外貿(mào)網(wǎng)站建設(shè)-HONG*GROUP
read more外貿(mào)網(wǎng)站建設(shè)-語言版本：英文網(wǎng)站，網(wǎng)站類型：響應(yīng)式網(wǎng)站，所屬行業(yè)：冶金，所屬地區(qū)：北京網(wǎng)站建設(shè)。
-
2024/04/10
智能裝備網(wǎng)站建設(shè)-企術(shù)簽約重慶天*源智能裝備企業(yè)網(wǎng)站
read more?企術(shù)建站近期榮幸地宣布與重慶天*源智能裝備有限公司簽訂了網(wǎng)站建設(shè)合同。此次合作標(biāo)志著企術(shù)科技在為高端制造業(yè)提供專業(yè)網(wǎng)絡(luò)解決方案方面邁出了堅(jiān)實(shí)的一步。
-
2023/12/05
集團(tuán)網(wǎng)站建設(shè)-世創(chuàng)電能網(wǎng)站建設(shè)案例
read more集團(tuán)網(wǎng)站建設(shè)-世創(chuàng)電能網(wǎng)站建設(shè)案例 網(wǎng)站語言：中文網(wǎng)站 網(wǎng)站板式：響應(yīng)式網(wǎng)站
-
2023/11/23
大學(xué)網(wǎng)站建設(shè)-天津大學(xué)未來學(xué)院網(wǎng)站建設(shè)案例
read more天津大學(xué)未來技術(shù)學(xué)院則聚焦未來智能機(jī)器與系統(tǒng)、儲能科學(xué)與工程、智慧城市等高端高新未來技術(shù)。 2021年5月，天津大學(xué)未來技術(shù)學(xué)院入選教育部首批未來技術(shù)學(xué)院名單。
-
2023/11/01
儀器網(wǎng)站建設(shè)-企術(shù)成功簽約北京市凱*科奇儀器設(shè)備有限公司
read more儀器網(wǎng)站建設(shè)-企術(shù)成功簽約北京市凱*科奇儀器設(shè)備有限公司，為其提供專業(yè)的網(wǎng)站定制服務(wù)。 網(wǎng)站語言：中文網(wǎng)站建設(shè) 網(wǎng)站版式：響應(yīng)式網(wǎng)站 網(wǎng)站開發(fā)語言：PHP語言開發(fā)
