首頁

格式塔基本原則

藍藍設計的小編

格式塔是德文“Gestalt”的譯音,意思是“完形”,即具有不同部分分離特性的有機整體。這種整體性應用于心理學中,產生了格式塔心理學,在國內又稱作“完形心理學”。

格式塔心理學派斷言:人們在觀看時眼腦共同作用,并不是在一開始就區(qū)分一個形象的各個單一的組成部分,而是將各個部分組合起來,使之成為一個更易于理解的統(tǒng)一體。當一個格式塔中國包含了太多互不相關的單位,眼腦就會試圖將其簡化,把各個單位加以組合,使之成為知覺上易于理解的整體。

格式塔理論明確地提出:眼腦作用是一個不斷組織、簡化、統(tǒng)一的過程,正是通過這一過程,才產生出易于理解、協(xié)調的整體。由此產生出了格式塔的一些基本原則(適用于布局和界面設計):

 

接近原則  強調的是位置。根據接近程度而組合一起。越接近,組合在一起的可能性就越大。如下圖,我們更傾向于把它看成左右倆個整體來感知。

怎么設計出漂亮的有創(chuàng)意的網頁Banner

藍藍設計的小編

 當用戶訪問一個網站的時候,第一屏的信息展示是非常重要的,很大程度上影響了用戶是否決定停留,然而光靠文字大面積的堆積,很難直觀而迅速的告訴用戶來到這里會得到什么有用的信息,因此網頁Banner設計在這里起到了至關重要的展示作用,特別是對于首頁Banner,有效的信息傳達讓用戶和文字之間的互動變得生動而有趣,下面就讓我們通過大量優(yōu)秀的設計案例走進Banner設計,走進設計師們的靈感揮灑空間。

選擇合適創(chuàng)意的設計原則

藍藍設計的小編

 

經常有人問我怎樣才能從頭腦風暴中所獲得的數以百計的創(chuàng)意中選出合適的一個。除了靠直覺和經驗外,還有一種方法可以幫我們來決定和界定設計原則。在2007年以前,我們將這些原則稱為“設計標準”,直到我看到了Rachel Hinman所編寫的“大眾計算工作室:移動用戶體驗設計原則”這篇文章。

什么是設計原則?

31個免費的PSD進度和加載條設計

藍藍設計的小編

 

加載條用作預加載來表明用戶要等多長時間,它可以用來表示文件上傳進度,加載器,投票狀態(tài)等,今天給大家分享幾款PSD的loading bar,希望你能用到。

Upload to Cloud

Upload to Cloud

40個優(yōu)質的HTML5 & CSS3網站免費模版下載

藍藍設計的小編

 

模版

1. HTML5 Theme

極簡的灰色和粉絲設計風格。

uleadesign 40個優(yōu)質的HTML5 & CSS3網站免費模版~設計師速速搜集!

Info & Download  | Demo

2. OWMX-1

兩欄適宜于博客的設計。

uleadesign 40個優(yōu)質的HTML5 & CSS3網站免費模版~設計師速速搜集!

藝術與web:形狀

藍藍設計的小編

形狀是非常基礎的藝術元素,而在web上,“框式”設計一直很流行,但在使用時還是要注意適度,通過一些設計變化,往往能營造獨特新穎的效果。

網頁設計師的相對主義論

藍藍設計的小編

 

相對主義的概念是指一個觀點不會是絕對的真理或正確。對于網頁設計師來說,這有非常重要的含義。什么是美觀?哪個字體最適合這個設計?紅色還是藍色?為了在變得瘋狂之前完成一個項目,我們在日常接觸到的問題往往會讓我們自覺不自覺的回歸到了相對主義觀念。對于我們中間的完美主義者來說(我們大都是完美主義者,不是嗎??。?,這只是一個小小的安慰。今天我們會討論適用的相對主義理論...請看年輕的愛因斯坦!
 

My grandfather told me this story once: He was buying some cloth and when looking at one of the cloth designs… and he thought to himself “that is so ugly!” He barely finished the thought when another customer came running in with her fiancé and mother-in-law and went directly to that same design he was thinking about shouting, “Here it is, the design we were looking for!” and bought the whole lot!

我的祖父曾給我講過一個故事:有一次他去買布。在瀏覽一塊布的式樣時,他對自己說“這塊布真難看!”他還沒有想完的時候,另外一個客人帶著他的未婚妻和丈母娘沖進來直接走到同一款布前喊了起來,“就是這塊,這就是我們一直在找的!”然后他們買走整整一卷布!

What if I showed you this drawing and asked your opinion about it?

如果我給你看這幅圖,然后問你的看法是怎么樣的?

如何設計專業(yè)的幻燈片?

藍藍設計的小編

從擇色、選圖,到正確使用留白區(qū)域,我們將剖析幻燈片設計的每個環(huán)節(jié)。通覽此文之后,你必能設計出屬于自己的精美幻燈片,令同事們自嘆不如。

A Word About Content

 

I usually make a big deal about content preceding design, and presentations are no exception. Ideally, you’ll have the topic and much or all of the content outlined before you even think about design. This will in every way shape the appearance of your design, which is why working from pre-built templates isn’t always the best move (though generic templates can and do work great in some circumstances).

概括內容

通常,我會在設計內容導入上下很大功夫,做報告時也是如此。理想情況是,在設計幻燈片之前,你得明晰主題和內容大綱。這會決定幻燈片設計的各方各面,也是為什么選用預制模板并非總是最佳方案的原因(盡管在有些情況下,通用模板效果頗佳)。

 

The reason that I bring this up is that I don’t really have an actual presentation in mind for this project. I’ll be running with a basic theme, but the textual information will be entirely placeholder copy. Your image, font, color and layout selection shouldn’t necessarily match mine but instead reflect the topic and content you’re working with. 

我之所以提起這個是因為對此心中并沒有實際的幻燈片方案。我會使用一個基本主題,而文本信息將完全是占位符復制。你選擇的圖片,字體,顏色以及布局無需和我一致,相反,這些應該反映你所要呈現的主題和內容。

Choosing A Color Scheme

 

Before I even open Photoshop (yes, I design PowerPoint/Keynote slides in Photoshop and drop them in, thought it helps if you do the te), I want to find a color scheme on which to base my entire design. When I need to quickly find several colors that go together I usually start with Kuler. Not only is it a great way to build your own color schemes, it’s an outstanding source to find schemes built by others that you can just grab for your projects. 

選擇配色方案

滾動條的各種設計方式和PSD圖

藍藍設計的小編

微型滾動 微型滾動使用jQuery庫和設計,重量輕,動態(tài)網頁設計師提供最大的靈活性,以提高設計的滾動。  我已經考察了滾動條的結構和它的真實,你將能夠風格很容易。  它不來的頂部和底部的箭頭。


    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.bouu.cn

    存檔