<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

        當前位置:首頁 »網站制作:掌握設計對比原則(二)

        網站制作:掌握設計對比原則(二)

        至成科技 2015-03-14 訪問量(1147) 評論(0)
        摘要:

        網頁設計中等同和對比的實例

        等同和對比在每個網站都可以看到,它們共存在西安網站制作中。你可以試想如果一個網站制作中沒有運用到對比,我們怎么可能在相同的背景色和字型字號中,認出哪里是內容、哪里是標題?就算是一行字或一個符號的不同,也能使它們的擁有對比的樣式。

        下面我列舉的西安網站制作中的對比和等同的實例,通過這些實例,你能更好的掌握兩者的關系,有助于日后你在設計時針對等同和對比的處理。

        DAVID SIMON

        先進個我要提及的網站是DAVID SIMON的網站,采用了不同背景色作為對比,很好的區分了網頁中不同的組成部分。深色Logo在白色背景下也顯得尤為突出。

        圖片與背景好的對比,吸引眼球。顯示文章發表時間的背景色,顯示文章評論數量的背景色和大寫字母以及頁面菜單的背景色都和周圍環境形成了對比,凸顯著它們的重要性。

        網站菜單中的鏈接都有相同的樣式,會跳轉到相對應的文章。這些都和其他下劃線的鏈接不同。文章的標題和主體的字體不同,但從整個網站來看它們的對比是固定的。

        主體內容中的鏈接很顯眼,盡管設計師看起來試圖讓它不那么突出,以免打擾到閱讀流。標題如果能再突出一點會更好,雖然現在已經有了比較清晰的對比。

        MIKE KUS

        MIKE KUS的網站主頁主要展示mike的不同作品項目。整個頁面比較空,但請注意設計師是如何突出主要焦點的。文字與背景圖的顏色相互對比,而畫框又與背景的紋理相對比。

        注意:在這篇文章寫過后,mike的網站已經改了版,你可以看下圖參考。

        這些圖畫的先進對比特點是色彩的不同,而其他信息都使用了相同的深灰。

        同樣的,請注意這些畫是怎樣被裱框起來的,這暗含著它們有著某種共性。在這里,它們都代表著項目。請注意它們的背景,都是相同的一片磚砌墻面。這很明確地表達了它們的角色。

        在MIKE的“關于”頁面,MIKE本人的照片占據了大半個屏幕,而這也與其他元素形成鮮明對比。左邊那個藍色的“get in touch”的按鈕是頁面中先進彩色的元素。你也許不會聯系MIKE,但如果你僅僅因為不知道怎么聯系他而沒有聯系他,這個按鈕將發揮極大的作用。同樣的,在整個網站中其他所有按鈕都應是藍色。

        ELECTRIC PULP

        ELECTRIC PULP網站的logo是一個紅色的,具有現代設計風格的圓形。它很容易就與下面我們看到的網頁其他元素都形成了對比。請注意在導航中,顏色是如何發揮作用來指示當前頁面。

        網站里所有的標題都是大號、加粗的大寫字體。標題和主體內容之間的對比又具有一致性。在點擊進入“NOTES”的一級頁面,會看到輪播按鈕的背景色與整個頁面的背景色相對比。

        頁面中的所有的大部分按鈕都是紅色(這是一種被常用來裝飾元素的顏色),當鼠標劃過去會變為藍色。然而,在“work”頁面,先進個按鈕剛剛與前面所述的相反,而是藍色按鈕,當鼠標滑過會變為紅色。這是否是一個失誤呢?還是設計者有意為之?盡管如此,我認為這個網站的對比原則運用得十分巧妙。

        LOWDI

        較后一個要提及的網站是LOWDI,下圖是網站的首頁,請注意設計師是如何使用顏色來表達對比和一致性的。

        顏色能清楚地描畫出不同部分。整個顏色的搭配明快。請注意這里顯示價格的那塊背景色是怎樣凸顯出來,而與此同時也提醒了下方的產品頁面。

        總結:

        對比和等同具有不同的功能,它們之間的關系通過相互影響的程度而發生變化。你不會單獨看到它們的存在,它們總是相互依存的。改變其中一個,意味著也會改變另一個。

        表現一個設計中的對比和等同是視覺溝通的先進步,是用戶明確網站意圖的首要步驟。

        總之,對比和等同就是設計元素里的視覺信號,有所不同將會吸引我們的注意力,相似的元素又會提醒我們它們的關聯性。同樣布局的對比目的是為了讓這一組元素與另一組元素相同,從而達到整體的和諧一致。

             以上內容由至成科技(西安網站建設,西安網站制作)為您提供,更多精彩內容:http://www.vxdmg.com/


        關注“至成科技”微信公眾號,快速獲取互聯網較新資訊


        網友評論

        登錄后可評論,請登錄

        全部評論: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计划 2019特一肖公式规律 快乐双彩今晚中奖情况 广东11选5技巧稳赚 体彩飞鱼和值走势图 云南快乐十分出奖结果一定牛 22选5走势图表河南 欢乐升级经典怎么玩 14086期4场进球开奖 北京pk107码倍投表 六合彩特马 中国梦二肖两码中特 五味斋心水论坛 汉堡包简介 今天排列5预测推荐号 河北十一选五开奖号码