<kbd id="s7p1yy4l"></kbd><address id="s7p1yy4l"><style id="s7p1yy4l"></style></address><button id="s7p1yy4l"></button>

            <kbd id="aen2u8nb"></kbd><address id="aen2u8nb"><style id="aen2u8nb"></style></address><button id="aen2u8nb"></button>

              老虎机游戏

              西安設計公司
              首頁 > 常海動態  > 公司動態

              公司動態

              怪了!爲什麼每個細節都好看,整體設計卻不行?

              來源:www.kpzichan.com 發佈時間:2019年04月26日

                  在設計的時候,各種視覺要素以有序的方式排列,設計師需要通過對各部分空間的精妙設置來實現這一點。通常而言 ,我們的目光總會被最引人注目的部分吸引——無論它是視覺主體還是負空間 。視覺主體和負空間,兩者都很重要 ,尤其當你需要平和地呈現一個和諧、連貫、天衣無縫的設計  。那麼在一個網頁設計作品中 ,設計師到底利用空間傳達出怎樣的一個故事呢 ?這就牽涉到我們今天要聊的主題了,格式塔原理 。

                  人類的大腦天生就能把規律性的散點連接起來 ,並對目之所及的事物賦予意義 。設計是一個創造性的領域 ,是形式和空間的相互融合 ,並隨之創造各種各樣的體驗 。無論我們接觸到什麼樣的設計作品 ,我們的大腦都會本能地將作品解構爲更簡單的各個組件,這些組件由基本的形狀和不同的形態組成,而這些形狀和形態則與空間息息相關。過往豐富的體驗與經歷 ,使得我們的腦海中充滿了各種各樣的記憶,於是我們很容易就能識別出這些特定的設計形式 。

                 正空間 ,或者說顯著的設計主體,構成了設計的「肉體」 ,它是你看到形狀、顏色、圖案等部分 。相反,負空間多數情況下是指背景或大量留白 。


                 就像正空間似乎支配着負空間一樣,兩者都被用來平衡地傳達一個和諧、連貫的設計理念 。

                在平衡的構圖中 ,設計的正負空間都是相互配合、相互補充的 ,形成一個無縫、美觀的整體。相反 ,不平衡的構圖會讓觀衆感到不適,傳達出一個不完整的、扭曲的故事。

              我們的設計在表達什麼 ?

              網頁設計的好壞很大程度上取決於它的實用性和可用性。如果你的設計技巧很差,那麼網頁設計的整體效果和表現都會受到影響。但從另一個角度來看,在「內容爲王」的時代,如果空間佈局使用不當,內容將對您的網站產生顯著的負面影響。

              如果你認爲你的開發技能很棒,但你的設計技能可能需要更多的改進 ,那這篇文章對你就太合適了 。在本文中 ,我們將討論:

              正負空間之間的關係、重要性及應用;
              空間與認知知覺的關係;
              格式塔原理及其它在網頁設計中的應用 。
              我們還將討論一些真實的網頁設計實例,探討每個案例如何體現格式塔原理,以及它對空間的創造性使用。

              話不多說,一起開始學習吧  。

              一、正負空間的關係、重要性及應用
              空間由兩個主要維度組成:正空間和負空間。正空間是可被直接感知到的視覺元素,負空間則爲元素以外的留白和間隙  。如前所述 ,正的是物體 ,負的是物體後面可以通常被忽略的留白區域 。一個是焦點,另一個是背景 。在前者產生活動和刺激時,後者則保持靜止和模糊。一個是月亮,另一個是環繞着它的暗夜。

              在網頁設計中,正負空間相互作用 ,共同形成構圖,傳達理念。只有當正負空間通過對比來區分,同時又向更大的區域延伸時,纔會產生視覺層次(腦補一下陰陽太極圖吧)。

              正負空間的交匯之處就是信息的交匯點 。負空間拱衛着正空間元素,讓後者更加突出和顯著  。

              通常而言,正空間在絕大多數時候起主導作用,實際上負空間同樣重要 。負空間的優點在於:

              創建易於遵循的視覺層次 ;
              吸引注意力  ,營造焦點 ,減少分心 ;
              幫助營造邊界,突出焦點;
              讓頁面更容易被掃讀;
              使頁面看起來自然;
              不借助外力的情況下  ,闡明視覺元素之間的關係;
              有助於保持頁面乾淨清爽 ;
              強化網頁的視覺風格和外觀 。

              設計中的負空間相反並不是負面的。當正負空間比例平衡得當時  ,兩者在視覺上會顯得非常舒適。而當其中一個佔據主導地位 ,並給人一種「過於擁擠」或「空洞無物」的印象時 ,混亂纔會發生 。在這兩種情況下,受衆都無法處理如此複雜的信息,因此,而這樣的空間設計是不符合網頁設計的基本原則和設計動機的。

              網頁設計中空間的合理運用
              有意思的是,當談到空間的概念和佈局出現時,質疑聲也隨之而起。

              是正空間被負空間包圍 ,還是負空間被正空間吞噬 ?
              如何確定正負空間的比例?
              兩種空間類型中 ,哪一個作爲焦點對象?
              是否必須突出其中一個而忽略另一個,以便向觀衆傳達設計師的預期感知 ?
              我將如何通過正負空間之間的變化讓設計出現質的變化 ?
              類似的問題只能在理解基本概念後再來作答。黃金經驗法則告訴我們——簡單是最好的策略。

              在文章開頭,我曾提到在設計網頁的時候,儘量創建簡單的用戶界面 ,這是一舉兩得的舉措,既可以造福你自己 ,也可以惠及用戶。或從表面上看,網頁設計的重點在於增加網站的視覺吸引力,使用戶操作更爲簡便高效 。

              二、空間與認知知覺之間的聯繫
              我們的大腦總是在扮演偵探的角色,試圖尋找隱藏的線索和空間之間缺失的聯繫 。因此它會將當前的視覺信息與之前的經驗進行比對 。爲了成爲一名高效的網頁設計師,你必須先了解大腦是如何感知周圍環境的 。它可以幫助你選擇特定的視覺元素,利用它們來影響觀衆的感知。


              偉大的設計師明白心理學在視覺感知中所扮演的強大角色。當某人的目光與你的設計作品相遇時會發生什麼?他們對你的文章所傳達的信息有何反應?——勞拉·布什 ,Autodesk 品牌內容策略師

              作爲設計師 ,你必須清楚地瞭解視覺設計和心理學是如何相互聯繫、相互影響的 。換句話說,開發以用戶爲中心的簡單界面 ,藉助正負空間進行設計主要依靠格式塔原理  ,它可以幫助你理解和控制視覺和心理的聯繫。

              三、網頁設計中的「格式塔原則」
              格式塔在德語中是「形式」的意思。它更多的是一個概念而不是一個單純的詞彙 ,它最基本的概念是:


              整體大於各個部分的總和 。——庫爾特·考夫卡(美籍德裔心理學家,格式塔心理學的代表人物之一)

              當單個部分的集合以某種方式統一時 ,它們在我們的感知當中就是一組。我們把元素看作一個整體,這一概念或理論基本適用於所有的設計媒介:我們不把文本、顏色和形狀看作單獨的元素 ,而是把整個網頁看作一個整體。同樣的道理也適用於森林:我們看到的不僅僅是一堆樹,就像我們在看海洋時看不到水滴一樣 。

              格式塔原則描述了當特定的條件出現時 ,人類大腦是如何感知視覺成分的。它幫助大腦創造視覺圖像 。因此,格式塔原理通常會應到下面六個主要類別:

              圖形和背景
              接近性原則
              對稱和秩序
              相似性
              封閉性
              連續性

              1、圖像和背景

              「圖形」是直觀地、明顯地與背景分離的物體。
              目前最經典的例子是聖盃——兩個鏡面對稱輪廓構成了花瓶。當你第一次看到這張照片的時候  ,你的眼睛會立即被吸引到畫面上看起來最聚焦的視覺主體上,可能是相互對立的面孔 ,也可能是花瓶。當你的大腦在調整你的焦點時,背景或花瓶被模糊了,在那一刻 ,你的大腦直覺地在圖像中感知到背景。

              過了一會兒 ,你會注意到背景中的花瓶 ,並意識到它本來就在那裏。儘管圖形和基本原則看起來模棱兩可,設計師常常創造視覺上吸引人的超現實和虛幻藝術,並將之運用於網頁設計。


              有時,圖形與背景之間的關係是穩定的,而這種穩固的視覺關係使得兩者之間 ,產生區別。這種關係有的時候又是不穩定的 ,這意味着圖形和背景是無法清晰區分的 。由於這種關係的模糊性 ,用戶會很自然地開始困惑。

              爲了讓大家直觀地感受到圖形和背景之間的關係,讓我們詳細的拿幾個案例來進行討論。這些例子都集中在圖形-背景關係中的三個主要方面:對比度、Box 區塊和陰影 。這三方面涉及到諸多屬性  ,包括顏色、尺寸和信息量 ,它們關係到內容的區分和視覺的縱深 。


              2、接近性原理

                  接近性是指頁面中元素之間的接近程度 。網頁中的不同元素可以組合在一起 ,不同的接近程度會帶來不同的關聯屬性。除了視覺特徵上的接近性之外,這些元素與其他頁面元素之間的距離接近度也會自動地在觀衆的腦海中產生關聯感。

                 從圖像到文本、導航欄到網頁表單 ,這種接近性原則在網頁設計中適用範圍非常廣。將類似的內容組合在一起時,它將在元素之間創建關聯 ,爲觀者提供更好的視覺體驗。

              3、對稱和秩序

                 對稱是指兩個元素呈現出精確鏡像關係。它可以被看作是把一個物體一分爲二的平衡。真實的對稱圖形包括等邊三角形、圓形和正方形等幾何圖像。

                 人類的大腦會本能地渴望在面孔中找尋「平衡」和「對稱」,這在美學上是令人愉悅的 。大腦也傾向於在其他物體中找到對稱,因爲對稱創造和諧 ,讓觀者在觀看圖像時感到舒適 。


              4、相似性原理

                 相似性與接近性原理密切相關的原因 ,是相似分組對象之間共享屬性的質量 。無論是顏色、形狀、形態、大小、方向或任何其他屬性,當這些屬性中的一個或多個在鄰近對象中共享時 ,相似性將佔上風。

              上一條: 沒有了
              下一條: 發光字顏色有多少種

              相關文章