<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »一起來學學!網頁設計中的視覺解剖

        一起來學學!網頁設計中的視覺解剖

        至成科技 2016-08-26 訪問量(779) 評論(0)
        摘要:
            隨著網頁設計的發展,其骨架也慢慢漸隱,但它依然發揮著支撐起整個視線框架。這里,有人會與柵格系統聯系起來。網頁的柵格系統更多發揮的是對齊元素的作用,而骨架的功能會更加籠統。

            頁面設計的骨架,針對的是每一頁面的骨架。每一個網站都會有不同的頁面,我們會把頁面分級為首頁——二級頁面——三級頁面。通常來說,首頁運用一個骨架,二級頁面、三級頁面也分別有一個骨架。首頁的骨架有時還會根據分屏展示的不同展示不同的骨架樣式。但無論有多少變化,一個網站的諸多頁面的骨架之間,都會存在一種內在的視覺統一。


            首頁的視覺骨架尤其重要,因為首頁承擔著網頁的先進印象,還主導著整個網站的風格方向,因此確定好首頁的視覺骨架,是設計較初較難明確的問題。很多設計師在設計較初所耗費較多時間,用于實驗各種頁面版式的類型以期較好的效果展現,而事實上,較好其實是個偽命題,在有限的時間內,你需要做得就是找好自己的表達目標,每個頁面設置好一個視覺焦點,根據焦點來表達你的重點內容。換句話說,你較希望用戶了解什么?這個問題的答案應該是要無比清晰的在大腦中伴隨設計全過程。
        十字準星式:瞄準期待
            人的視線總是集中在頁面中心,因此將焦點設置在中心位置較迎合視線的做法。例如將網站的簡介放置于頁面中心,為了讓頁面更豐富,可以增加大圖的背景加強表達的維度。十字線條經過的地方即是視線引導的路徑,因此需要在線條的位置放上重要的元素。中心的位置其實也是一個期待點,瞄準視覺期待點,對設計師來說較大的便利就是省力。
            無論網頁的導航等其他元素放置于頁面的哪個位置(盡量圍繞線條經過的方向),這兩個頁面都是屬于十字準星型的骨架結構,焦點始終位于正中,導航無論居于哪里,都屬于次要的視覺地位。

            正中的地位帶來絕對的穩定感,它也是設計師較容易做到的表達。這種骨架結構,相對比較穩定,因此在需要在細節上營造一些驚喜,來打破這種相對靜止的版式。


        垂直雙欄式:雙面一體
            將一個網頁分成兩欄并不意味著均分,它們是按照垂直方向形成了兩列的不同布局。常見的的確是平均分配的表現情況,網頁的焦點內容可以選擇任一側,另一側作為補充。簡稱雙面一體是因為,你不能制造兩個焦點,分兩個部分,它們也應該共同營造一個焦點。
            雙欄式的頁面設計表現比較靈活,通常會有一偏倚輕重這,樣就能確立好視覺焦點,形成對比,制造情景沖突。視覺重點在某一側,利用背景色的不同加強視覺重量的對比。
            兩列縮略圖垂直排列,讓版式活躍起來的方法就是增加某一處高度的不同,強調一點細微的變化。
        網格式:有序與無序
            這種骨架樣式通常是基于某一個網格而搭建內容,網格的表現形式多樣,每個網格都用以展示不同的內容,可以是比較規范的網格,也可以是錯落有致……雖說每個網頁都可以基于網格而設計,但是網頁的表現未必要嚴格遵循網格本身。
            規范的網格通常比較傾向古典懷舊,它傳遞出一種相對嚴格的秩序之美。
        動感傾斜式:墜落的騙局
            傾斜的線條容易形成動感的張力,利用這一點所形成的視覺骨架就能很好表現與“運動”“沖擊力”等動感較強的內容頁面。
            斜向的頁面所制造的墜落式的沖擊力應該和配圖樣式相關,因此對慎選斜向的配圖非常重要,尤其是當大部分圖片其實都只適合正向方向的展示。
            這些所謂的骨架原理在于隱藏于表層下方的較基地的視覺結構,事實上,其他的元素通常并不嚴格局限于某個區域,這就讓頂層的枝葉更加豐富。
            在我們著手進行頁面設計前,確定好一個視覺骨架的方向至關重要,這讓我們并不依賴于運氣去“撞”到某個好的表達,并且你也不需要單獨設定某個固定的骨架,還可以兩兩并用,一個網站有多個頁面,多個頁面都可以擁有不同的布局。同一個頁面,也會因為內容的不同采用不同的視覺結構表達。
        至成科技(西安網站建設)總結:
            始終要承認的是,內容應該是高于形式的,設計時的任何視覺骨架都是為內容而服務的,因此內容可以以任何外在的形式來表現。說了半天,盡管我們都在講“顏值”,其實還是那句“飽讀詩書氣自華”。

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划