合肥網站建設
                      文章閱讀
                      網建技巧
                      優化技巧
                      網建問題
                      謹宸新聞
                      行業新聞

                      首頁 > 合肥網站建設 > 正文

                      網頁設計參考標準

                      發布時間:2021/01/20字體:
                      摘要:網頁設計參考標準,網站,規劃標準,關于剛入行的新人,可能覺得是一件很巨大上又很讓人頭疼的工作。本文從新人的視點動身,總結一些規劃標準要點,算是一次溫故總結的共享。
                      規劃標準,關于剛入行的新人,可能覺得是一件很巨大上又很讓人頭疼的工作。本文從新人的視點動身,總結一些規劃標準要點,算是一次溫故總結的共享。
                        我自身是一名UI規劃師,所以我站在規劃師的視點去把自己所學所了解的東西通知咱們??赡芄静煌?,咱們規劃習氣不盡相同,可是畢竟仍是能有些協助。依舊聲明:這兒寫的僅僅我個人的運用習氣,僅僅一種工作辦法,咱們在詳細工作中,一定要靈活運用。另外,技能的更新是非??斓?,我寫的這些可能某些東西和你們的工程師伙伴所用的辦法不一樣了,所以,仍是要靈活運用。
                        首先帶領咱們先了解一下本文大致分為哪幾個模塊:網頁規劃尺度、常用字體、字體距離舒適規模、字體色彩規劃技巧、其他留意事項。
                        一、網頁規劃尺度
                        制作網頁時咱們選用的分辨率是72像素/英寸,運用的畫布尺度1920px*1080px。但并不代表咱們能夠在整個畫布上作圖。
                        網頁的布局主要有兩種:左右型布局和居中型布局。布局的不一致,使可規劃的空間也不相同。
                        左右結構型
                        1、左右布局,靈活性強,UI的約束??;
                        2、左面通欄為導航欄,寬度沒有詳細的限時,能夠根據實際情況進行調整;
                        3、右側為內容板塊規模,是網站內容展現區域。
                        居中型
                        4、居中布局,中間的黃色部分為有用的顯現區域,用于網站內容的展現。
                        5、換句話說,兩邊均為留白,沒有實際用處,僅僅為了適配而存在。
                        6、內容限時區域在好控制在1000px-1200px。
                        二、常用字體
                        現在網頁的布局咱們現已了解了,那么接下來就是網頁中常用到的字體。
                        字體規劃的總原則是:可辨識性和易讀性。
                        中文主張運用微軟雅黑字體,英文則主張運用arial字體。常用的字體大小號有以下幾種:
                        1、12px是用于網頁的最小字體,適用于杰出性的日期,版權等注釋性內容。
                        2、14px則適用于非杰出性的一般正文內容。
                        3、16px或18px適用于杰出性的標題內容。
                        4、網站的字體大小并沒有硬性規定詳細的字號,根據實際情況能夠酌情考慮,可是要有限適用偶數字號。
                        5、字體標準也不需求太多,最好適用三種混搭。假如需求更多
                        6、層次的區別,能夠改動字體色彩或加粗來表現。
                        三、字體距離舒適規模
                        相鄰兩個文字的距離,其實不需求太過介懷,除了特別的需求之外,都能夠運用默許數值的距離。
                        1、行距離,引薦以字體大小的1.5-2倍作為參閱;
                        2、段距離,引薦以字體大小的2-2.5倍作為參閱。
                        3、當選用14px字體時,行距離:21-28px;段距離:8px-35px
                        四、字體色彩規劃技巧
                        1、主文字的色彩,主張運用公司品牌的VI色彩,可進步公司網站與公司VI之間的相關,添加可辨識性和記憶性。
                        2、正文字體色彩,穩妥起見,選用易讀性的深灰色,主張選用#333到#666之前的色彩。
                        3、輔助性的,注釋類的文字,則能夠選用#999999之類的比較淺的色彩。
                        假如,你對色彩駕馭能力比較強,你也能夠選擇偏公司VI色彩的深色,作為正文字體色彩或許輔助性文字的色彩。
                        例如公司的品牌是藍色,那么正文就能夠選用偏藍色的深色。這樣處理之后,文字就有了環境色,網站全體將更加調和。
                        深灰色偏藍色
                        五、其他需求留意的事項
                        做網頁規劃時,你還要特別留意網頁的首屏內容,在構圖和內容出現上,首屏模塊的規劃至關重要。
                        1、除掉任務欄,瀏覽器菜單欄以及狀態欄的高度,剩余的是首屏高度。
                        2、WindowXP的首屏高度平均值為580px,window7的首屏高度平均值是710px。
                        3、歸納考慮到WindowXP現已退出商場,在實際操作時,咱們以710px作為根據。
                        如下圖,黃色區域是咱們規劃時要著重考慮的首屏規模
                        另外,是關于圖片尺度問題。需求全屏顯現的圖片,寬度尺度嚴厲規劃為1920px??墒侵档昧粢獾氖?,圖片內容的有用規模不能超過網頁內容的有用規模,控制在1200px以內,以免遇到小屏設備時顯現不全,而形成信息遺失。
                        提到這兒,網站規劃標準部分的內容就算是講完了,當然上面的一切標準也僅僅標準,不要由于這些標準去約束自己的主意,標準是用來打破的,規劃最重要的仍是規劃得漂亮,規劃的時候詳細要給多大的數值,取決于規劃師,標準是用來參閱的。









                      本文標題:網頁設計參考標準
                      本文網址:http://www.0532zfw.com/wangjianjiqiao/5407.html
                      原創網址:合肥網絡公司<謹宸科技> 版權所有,轉載請注明出處,并以鏈接形式鏈接網址:www.0532zfw.com
                      文章標簽:網站
                       上一篇:網站建設的步驟過程
                       下一篇:網頁設計參考標準
                      欧美色精品视频在线观看九,白领娇妻办公室屈辱沉沦,闺蜜2在线观看完整版,饥渴的少妇毛片免费视频,免费播放一卡二卡三卡 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>