<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-09-27 訪問量(3166) 評論(0)
        摘要:

            在我們的生活中,設計無處不在,比如地鐵里的大廣告牌,櫥窗里擺放的衣服,高樓大廈的 LED展位,甚至手機里的某個應用界面等,通常在大家眼里,好的網站設計就是即有創意又大膽,并沒有什么規律可循,但其實設計和繪畫不同的在于,繪畫可以展露 個性,而設計的核心卻是體現秩序的美感,它不是來自個人,而是來自于社會,好比建筑群的設計構成,不只是一個華麗的皮囊,而是有血有肉的,它的骨骼就是設 計的根本。每個設計抽象出來都是一些元素的構成。

        網站建設版式設計中的點線面構成

        1.通過組合簡化版面

            點線面的構成關系,即是網站設計,三個要素不同的組合方式,可以產生不同的版面設計效果,重要的是掌握信息內容或者需求的重點是什么,將它們用平面構成的方法,清晰的表現出來。先進的版式設計是通過元素的組合簡化版面的內容,建立鮮明的秩序感覺。例如雜志的設計

        點線面的運用

        編排整齊

        這個雜志內頁的設計中,通過將信息文字的組合,將非常的多的文字大致分成了10個元素,黑色表示元素,藍色區域即使留白,我們可以叫它虛空間

        相同的元素緊密且整齊的排列在一起。形成了秩序美,虛實空間的結合也是非常和諧的。一個畫面中的元素種類越少,傳達的信息更有效。

        2.利用四個邊元素的延續擴大版面

            不要讓虛空間把你的版面框住,跳出框,會讓人有更多想像的空間。用好頁面的四邊,對于版面的設計是很重要的,如果頁面的元素任意一個接近邊緣,虛空間就會被放大,如上面的例子,雜志的封面邊緣只露出了字母的一個角,但卻讓整個畫面被放大,視覺的擴大讓頁面顯得很大氣。也可以利用元素的延續性,讓版面有一定的關聯,例如上圖中的左側圖片采用延伸到右頁的方式,讓兩個頁面感覺上是一個整體,打破了四方的邊框。

        點線面的運用

        3.四個焦點法則

            當一個矩形或者正方形被水平和垂直的分成三份后,結構中的四個焦點是較吸引人的四個點,設計師可以實用位置和距離,來決定哪些點在層級上是較重要的。

        下圖是日本的食品網站設計,其中豆子形狀的信息框是整個畫面中較關鍵的內容,所以將其放在了頁面的右上角的交接點。

        點線面的運用

        4.利用交錯和重疊打破平淡

            元素的重復構成使設計產生安定、整齊、規律的統一。但重復構成的視覺感受有時容易顯的呆板、平淡、缺乏趣味性的變化,故此,我們在版面中可安排一些交錯與重疊,打破版面呆板、平淡的格局。

        例如下面的海報設計中,利用字體形狀顏色的重疊產生豐富的色彩,第二張海報用交錯的照片拼成了一個完整的圖形,使得畫面非常有層次感,不失為打破格局的好方法。

        點線面的運用

         

        5.對比越強烈視覺沖擊力越強

            對比是版面設計中常用的手法,無論字與字,形與形,無處不在,或者多種關系交融在一起。有主次廣西,大小,長短,疏密,動靜,黑白,剛柔,虛實等方式,彼此參透,相互并存。

            如下圖,幾種比較重要的對比關系交織在一起,背景黑色和白色的文字對比,黃色的圓形的大小對比,文字長短疏密的對比,折線和模特臉部曲線的對比,交織在一起,形成了很強的視覺沖擊力。我們可以看一旦去掉其中一種對比,例如黑白對比以后,視覺上就弱了許多。

        點線面的運用

        西安網站設計,左上角的色塊與其他的色塊成了明顯的對比,它在整個頁面中的作用相當于一個面的存在,所以十分醒目。

        值得順便一提的是,韓國的設計中對元素的把握總是比較到位的,哪怕是一個搜索框,就是一個點線面的組合關系。

        6.在秩序中融入變異元素,能活躍頁面,并突出焦點

            同質中的不同,即是變異元素,在同質元素充滿屏幕時,難免乏味很難獲得沖擊力,想要快速打破格局的方法就是將某個元素變異處理。例如圖中的網站首頁中,有兩種元素組成,在重復的矢量圖形中,插入了幾個照片,里面的照片就是變異元素,這種視覺上的對比使得一堆圖形變得活潑起來,并且容易被記住。

        點線面的運用

            我們在來看下面的一組圖,這是原研哉給《無印良品》設計的海報,畫面中的三個元素非常清晰可見,用較簡潔的語言比傳達出了純樸、簡潔、環保、以人為本的理念。畫面中以地平線的形式打造了一個巨大的空間感,一個小小的人影站立與地平線上顯得非常渺小,正是這樣的對比使得虛無的感覺被描述的淋漓盡致。

            究其根源是什么造成的視覺美感?正是虛實空間對比的作用,也就是所謂的留白。這就是較后一點在整個構成關系中很重要的一部分,留白。

        7.敢于留白也要慎于留白

            留白好比音樂中的休止符,有種此時無聲省有聲的效果,它不僅能引發觀眾的聯想,更能起到戲劇般的效果,如果敢于運用白,能達到一種更好的信息傳達并從精神層面引起觀眾的共鳴,這是它獨特的魅力所在。

        在現在信息爆炸的時代,白變成了一種更高尚的美,讓現代人能釋放壓力并享受這樣的美感。

            信息設計中它的好處是顯而易見的。在網頁設計中比較典型的例子是豆瓣,文字的間距和每個模塊之間靠留白來區分,不會靠得特別近,它得虛實空間是比較對稱得。所以無需添加過多的修飾。

        界面中點線面的元素合理的排布,無不體現了設計師的匠心所在。摒棄了過多無用的設計才是能深入人心的。

        至成科技(西安網站建設)總結:

        設計不是盲人摸象憑著感覺去描繪,而是要把握它的骨骼,知道它的結構所在,再用表情語言去豐富它,才能做到傳達出設計之美,信息之美。

        網友評論

        登錄后可評論,請登錄

        全部評論: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计划 福利彩票开奖结果132期 排列五走势图表 香港内部一码中特 ag真人荷官 北京时时彩pk10走势图怎么看性别 2015排球世界杯 搜狐彩票论坛 如何分析彩票走势图 3d彩票走势图规律 扑克牌透视隐形眼镜 河北11选5基本模拟走势图 2019双色球中奖号码是多少 黑龙江时时彩停售了 新疆十一选五技巧视频 20190920辽宁快乐12