<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          JavaScript 字符串實(shí)用常操紀(jì)要

          藍(lán)藍(lán)設(shè)計(jì)的小編

          JavaScript 字符串用于存儲(chǔ)和處理文本。因此在編寫 JS 代碼之時(shí)她總?cè)缬半S形,在你處理用戶的輸入數(shù)據(jù)的時(shí)候,在讀取或設(shè)置 DOM 對(duì)象的屬性時(shí),在操作 Cookie 時(shí),在轉(zhuǎn)換各種不同 Date 時(shí),諸此等等,繁不能數(shù);而她那滿多的 API 呵,總有些讓人不愿去記憶的沖動(dòng),既然用時(shí)常搜,倒不如爛筆頭一翻,順道也體現(xiàn)下博客存在的價(jià)值,由此就有了這篇紀(jì)要。

          字符串截取

          1. substring()

          xString.substring(start,end)

          substring()是最常用到的字符串截取方法,它可以接收兩個(gè)參數(shù)(參數(shù)不能為負(fù)值),分別是要截取的開始位置和結(jié)束位置,它將返回一個(gè)新的字符串,其內(nèi)容是從start處到end-1處的所有字符。若結(jié)束參數(shù)(end)省略,則表示從start位置一直截取到最后。

          網(wǎng)站|內(nèi)容策略讓你的網(wǎng)頁比以前更優(yōu)秀

          藍(lán)藍(lán)設(shè)計(jì)的小編

          有意義的內(nèi)容

          任何成功的內(nèi)容策略下產(chǎn)出的內(nèi)容對(duì)于用戶而言都是有意義的。雖然每個(gè)人對(duì)此看法不同,但是 Usability.gov 為你提供的這個(gè)清單還是相當(dāng)值得參考的:

          ·反映出你所整理出的目標(biāo)和用戶的實(shí)際需求
          ·理解用戶所想并且能系統(tǒng)化地闡述出來
          ·以用戶能夠理解的方式呈現(xiàn)出來
          ·讓內(nèi)容有用
          ·保持更新
          ·確保所有人都能訪問
          ·保持一致
          ·始終能被搜索引擎發(fā)現(xiàn)


          JavaScript之this指針深入詳解

          藍(lán)藍(lán)設(shè)計(jì)的小編

          javascript中的this含義非常豐富,它可以是全局對(duì)象,當(dāng)前對(duì)象或者是任意對(duì)象,這都取決于函數(shù)的調(diào)用方式。函數(shù)有以下幾種調(diào)用方式:作為對(duì)象方法調(diào)用、作為函數(shù)調(diào)用、作為構(gòu)造函數(shù)調(diào)用、apply或call調(diào)用。

          對(duì)象方法調(diào)用

          作為對(duì)象方法調(diào)用的時(shí)候,this會(huì)被綁定到該對(duì)象。

          var point = { 
           x : 0, 
           y : 0, 
           moveTo : function(x, y) { 
               this.x = this.x + x; 
               this.y = this.y + y; 
               } 
           }; 
          
           point.moveTo(1, 1)//this 綁定到當(dāng)前對(duì)象,即 point 對(duì)象

          專訪丨男神設(shè)計(jì)師青山周平,令千萬人驚嘆的夢(mèng)想改造家

          藍(lán)藍(lán)設(shè)計(jì)的小編

          uisdc-tz-2016110621

          △ 在節(jié)目《夢(mèng)想改造家》中,青山團(tuán)隊(duì)對(duì)胡同的「極限改造」

          現(xiàn)在很多在城市里生活的年輕人,已經(jīng)越來越失去了家的概念。

          他們?cè)谕獾厣睿词乖诶霞疫€有父母的房子,但那座房子也許并沒有多少自己生活過的痕跡。這個(gè)時(shí)候你雖然可以回家,但房子卻已經(jīng)沒有家的概念了。

          將來越來越多的家庭將以「一個(gè)人」的形式存在,但現(xiàn)在中國有13億人,不可能每個(gè)人都有一個(gè)廚房、一個(gè)衛(wèi)生間、一個(gè)客廳、一個(gè)陽臺(tái)……


          Node.js新手必須知道的4個(gè)JavaScript概念

          藍(lán)藍(lán)設(shè)計(jì)的小編

          如果只需要知道一種編程語言就可以構(gòu)建一個(gè)全棧的應(yīng)用程序,是不是特別了不起?Ryan Dahl為了把這個(gè)想法成為現(xiàn)實(shí),創(chuàng)造了node.js。Node.js是建立在Chrome強(qiáng)勁的V8 JavaScript引擎上的服務(wù)器端框架。雖然最初是用C++編寫的,但是應(yīng)用程序通過JavaScript運(yùn)行。

          這樣一來,問題就解決了。一種語言就可以統(tǒng)治一切。而且,在整個(gè)應(yīng)用程序中你只需要使用這一種語言。所以,我們需要深刻了解node.js。這就是本文的主題。

          下面這四個(gè)基本概念是你想要掌握node.js所必需的。我會(huì)盡可能長話短說向大家介紹它們。

          logo-nodejs.jpg

          脫去MUJI的標(biāo)簽,原研哉更像一個(gè)未來的「理想家」

          藍(lán)藍(lán)設(shè)計(jì)的小編

          Q:您覺得2025年,也就是未來10年后的「家」,應(yīng)該是什么樣的?

          A:我感覺現(xiàn)代人物欲太重,在一種「物欲橫流」的狀態(tài)下生活。即便家中已經(jīng)溢滿了各種各樣的東西,大家也總覺得有很多東西想要、想買。而這樣的話,自己生活的空間就變的很小,但事實(shí)是家里的東西很多并不意味著會(huì)感到幸福。

          在我的構(gòu)想中,到了2025年的時(shí)候,「家」應(yīng)該會(huì)是一個(gè)非常簡(jiǎn)單、清新的狀態(tài)。試想下這個(gè)畫面:桌子上吃完的各種碗碟杯子、各種遙控器,是一種多么累贅和讓人感到不舒服的場(chǎng)景,絕對(duì)不會(huì)是一種富有的狀態(tài)。而如果一張空無一物的簡(jiǎn)單桌子上什么都沒有——空白,正因?yàn)榭帐幨幍模袩o限填充的可能,才是一種富有和自由的狀態(tài)。


          如何識(shí)別牛逼的前端工程師

          藍(lán)藍(lán)設(shè)計(jì)的小編

          如何定義牛逼工程師

          有軟件工程方面的研究說,對(duì)于開發(fā)者個(gè)體而言,最優(yōu)秀的開發(fā)者的生產(chǎn)效率約為平均值的2倍,而優(yōu)秀的開發(fā)者會(huì)吸引其它優(yōu)秀的人,或者激勵(lì)與幫助團(tuán)隊(duì)中的其它成員,最終使團(tuán)隊(duì)之間的生產(chǎn)效率差異達(dá)到10倍之多。

          所謂牛逼的工程師,就是那些個(gè)體效率是其它人2倍,形成團(tuán)隊(duì)之后達(dá)到10倍差異的一群人。

          989f8dafe30e5f01630ad82.png

          前端領(lǐng)域這幾年發(fā)展速度非常快,人才分布呈兩級(jí)分化趨勢(shì),大家都在說缺前端,其實(shí)缺的是牛逼前端,對(duì)于低端的前端,培訓(xùn)機(jī)構(gòu)一直在量產(chǎn),但是無法滿足要求。很多情況下,一個(gè)牛逼前端對(duì)于團(tuán)隊(duì)的價(jià)值是再多低端前端都無法提供的。

          牛逼的前端工程師有一些共通的特質(zhì),這些特質(zhì)也許不屬于前端的核心范疇,但是可以通過它們將牛逼的人識(shí)別出來。

          對(duì)用戶體驗(yàn)的追求

          Spring 5 新特性:函數(shù)式Web框架

          藍(lán)藍(lán)設(shè)計(jì)的小編

          舉例

          我們先從示例應(yīng)用程序的一些摘錄開始。下面是暴露Person對(duì)象的響應(yīng)信息庫。很類似于傳統(tǒng)的,非響應(yīng)信息庫,只不過它返回Flux<Person>而傳統(tǒng)的返回List<Person>,以及返回Mono<Person>的地方返回Person。Mono<Void>用作完成標(biāo)識(shí):指出何時(shí)保存被完成。關(guān)于Reactor類型的更多信息,請(qǐng)參閱

          public interface PersonRepository { Mono<Person> getPerson(int id); Flux<Person> allPeople(); Mono<Void> savePerson(Mono<Person> person);
          }

          下面是我們?nèi)绾伪┞稁в行碌暮瘮?shù)式web框架的資源庫:

          RouterFunction<?> route = route(GET("/person/{id}"),
              request -> {
                  Mono<Person> person = Mono.justOrEmpty(request.pathVariable("id"))
                      .map(Integer::valueOf)
                      .then(repository::getPerson); return Response.ok().body(fromPublisher(person, Person.class));
              })
              .and(route(GET("/person"),
                  request -> {
                      Flux<Person> people = repository.allPeople(); return Response.ok().body(fromPublisher(people, Person.class));
              }))
              .and(route(POST("/person"),
              request -> {
                  Mono<Person> person = request.body(toMono(Person.class)); return Response.ok().build(repository.savePerson(person));
          }));

          下面我們要介紹如何運(yùn)行,比如在Reactor Netty中:

          如何考核設(shè)計(jì)師的業(yè)績(jī)比較合理?

          藍(lán)藍(lán)設(shè)計(jì)的小編

          1,首先看他是如何對(duì)待問題的

          如果只是產(chǎn)品經(jīng)理或運(yùn)營提需求他就直接做,那我們認(rèn)為這是對(duì)待問題不夠認(rèn)真。我們內(nèi)部有一個(gè)處理產(chǎn)品需求的原則,在開始一項(xiàng)設(shè)計(jì)之前設(shè)計(jì)師需要評(píng)估的是:

          1)拋開這個(gè)問題的表面,它背后的本質(zhì)是什么?

          2)我做的這個(gè)能為用戶和產(chǎn)品帶來什么價(jià)值?

          3)這個(gè)問題的解決方案應(yīng)該以什么指標(biāo)來衡量(數(shù)據(jù)或調(diào)研反饋)?

          4)做這個(gè)問題牽扯到的設(shè)計(jì)資源和工作量有哪些?

          只有當(dāng)經(jīng)過這樣一輪Review,我們才能相信設(shè)計(jì)師能夠合理的對(duì)待他遇到的問題和思考如何去開展設(shè)計(jì)。當(dāng)然除了對(duì)問題的對(duì)待方式外,我們還會(huì)看設(shè)計(jì)師主動(dòng)挖掘問題的能力。比如設(shè)計(jì)師是否會(huì)經(jīng)常走查產(chǎn)品流程,主動(dòng)將用戶體驗(yàn)上的問題或設(shè)計(jì)細(xì)節(jié)整理出來,在內(nèi)部和外部討論并爭(zhēng)取資源改進(jìn)等。


          2,看他是如何思考解決方案的

          注意頁面中看不到的那些東西:留白空間和圖底關(guān)系

          藍(lán)藍(lán)設(shè)計(jì)的小編

          如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里 

          如果你見過平面設(shè)計(jì)在畫布上繪制圖形的過程,那么你緊緊是見到你工作的一部分內(nèi)容。畫布上的負(fù)空間和我們?cè)诋嫴忌侠L制元素的正形空間同樣重要。

          設(shè)計(jì)就是處理形狀和空間兩者之間關(guān)系。為了更有效的利用空間,首先你必須意識(shí)到它,并且學(xué)會(huì)看它。就是學(xué)會(huì)如何看空間中的圖形,空間的形式和空間與空間之間是如何交流的。這是初學(xué)者要學(xué)習(xí)和了解的系列設(shè)計(jì)原則的第二部分。第一部分就是之前介紹的格式塔,而剩下的文章(包括這篇)都是在格式塔原則的基礎(chǔ)上構(gòu)建的,并且表明我們?cè)O(shè)計(jì)工作中用到的所有基礎(chǔ)原則都是有來源的。


          圖底關(guān)系原則

          格式塔原則在空間中用得最多的就是圖底關(guān)系。你設(shè)計(jì)中的所有元素都會(huì)被看作是一個(gè)圖形或者是另一個(gè)背景,并且它們之間的關(guān)系實(shí)現(xiàn)互排斥的。兩者都不會(huì)被感知的,除了涉及到另一個(gè),并且只改變其中一個(gè)不改變另一個(gè)也是不可能的。圖底關(guān)系也是互補(bǔ)的。圖形和背景的關(guān)系可能對(duì)比強(qiáng)烈或是對(duì)比減弱,并且在組織這兩個(gè)彼此之間的關(guān)系是設(shè)計(jì)重要的方面之一。因此設(shè)立了這么一個(gè)情景,——如何溝通你的設(shè)計(jì)和如何解讀你的設(shè)計(jì)。


          “白色空間被認(rèn)為是一個(gè)活躍的元素,而不是一個(gè)被動(dòng)呆板的背景”——Jan Tschichold

          圖中(從左到右):

          圖1 :等距的黑色線創(chuàng)建了一個(gè)灰色區(qū)域。圖和背景的關(guān)系是穩(wěn)定的。

          圖2 : 去掉空間后,圖形占主導(dǎo)地位,并且我們看到了一個(gè)實(shí)心的黑色的區(qū)域。

          圖3 : 兩行黑色的線被去掉后,空間變得活躍了,并且似乎位于灰色區(qū)域之上。

          小編語:圖片來源Alex White寫的《The Elements of Graphic Design》這本書中,亞馬遜有賣,大家可以購買


          考慮上面圖片中的三段話。左邊的,我們看到一組黑色的線,在黑色線中間是等距的白色空間。黑色線條和白色空間一起形成了一個(gè)灰色區(qū)域,每一個(gè)都對(duì)結(jié)果有影響。刪除白色空間,正如第二個(gè)圖一樣,完全改變了區(qū)域樣子,它變成了一塊純黑色的圖形。不僅空間消失了,而且可視的獨(dú)特的多元素變成了一個(gè)單一的元素。第三個(gè)圖形,去掉了兩行黑色線。這一行為激活了這個(gè)空間,使它看上去好像在灰色區(qū)域的上面。背景變成了圖形并且添加了更深入的設(shè)計(jì),豐富了設(shè)計(jì)效果。

          穩(wěn)定的,可逆轉(zhuǎn)的,和模棱兩可的圖底關(guān)系


          有三種類型的圖底關(guān)系:

          1穩(wěn)定形(上面左圖示例)

          什么是圖和什么是底的關(guān)系很清晰。它們其中一個(gè)會(huì)作為主導(dǎo)成分。


          2可逆性(上圖中間的圖片)

          這兩個(gè)圖和底關(guān)系是一樣的,同樣吸引觀眾的注意力。這就創(chuàng)造了張力,它們中的任何一個(gè)都可以壓倒對(duì)方,從而產(chǎn)生動(dòng)力設(shè)計(jì)。


          3模棱兩可曖昧的關(guān)系(上圖中最右邊的)

          元素可以同時(shí)是圖和底。它們形成同樣有趣的圖形,和觀眾在這個(gè)構(gòu)成作品中會(huì)找到他們自己的切入點(diǎn)。

          這取決于你設(shè)置的關(guān)系和你怎樣去平衡圖和底二者的關(guān)系,你導(dǎo)向觀眾來看設(shè)計(jì)的不同部分,并且解釋在不同環(huán)境下他們看到了什么。



          圖和底并不是唯一一個(gè)格式塔原則在空間中扮演的重要角色,還有兩個(gè)分別是:

          接近原則(proximity)

          接近原則是使用空間來連接元素和通過空間中閉合一些元素來分離元素。我們可能會(huì)想到的例子是頁面上的文本段落。 段落與段落之間的空間大于一個(gè)段落中文本的行間距。

          閉合原則(closure)

          閉合原則是利用元素之間的間隙空間。觀眾用自己的信息來填補(bǔ)空白從而完成一個(gè)整體的部分。

          大量的留空間和留空間太少都是閉合原則的忌諱。只有已有的空間和需要被填充的空間之間保持正確的平衡關(guān)系,才會(huì)使空間靈活并且產(chǎn)生閉合原則。

          閉合原則


          作為一個(gè)設(shè)計(jì)的元素——空間

          考慮一下音樂。如果音樂中的每個(gè)音符和和弦同時(shí)出現(xiàn),音樂就不會(huì)產(chǎn)生。你有的只是噪音。音樂是在聲音和安靜對(duì)比中產(chǎn)生的。不同的聲音和靜音創(chuàng)造出了節(jié)奏韻律和歌曲。沒有安靜就沒有音樂。

          空間在視覺上執(zhí)行者同樣的功能。它給元素提供呼吸的空間。通過設(shè)計(jì)它讓眼睛自由移動(dòng),并且來發(fā)現(xiàn)它要找的元素。正形和負(fù)形形成對(duì)比。沒有空間,就沒有設(shè)計(jì)。你的視覺就會(huì)混亂。(也就是我們通常說的留白。)

          除非噪音是你想在空間中試著用來交流的。與空間太小相比,人們不可能抱怨空間太多。


          空間中可以做到以下幾點(diǎn):

          建立對(duì)比,重點(diǎn)和層次;

          形成戲劇性和視覺張力;

          (小編語:大家可以看些平面設(shè)計(jì)中視覺張力,和利用留白增強(qiáng)海報(bào)設(shè)計(jì)的視覺張力)

          在元素與元素之間提供視覺休息的空間。


          只有一些東西出現(xiàn)在你的空間中時(shí),圖底關(guān)系才會(huì)蘊(yùn)含其中。在加入正形和空間是沒有定義的。圖底關(guān)系是必須建立在之前的空間的中間,是存在的并且在開始就是可交流的。一個(gè)更重要的空間功能是提高可讀性和易讀性。宏觀的空間使文字更引人注目,微觀的空間使文字更清晰易讀。

          微空間

          這是指在一組中元素的空間。是字母之間,單詞之間和段落之間的空間。


          宏觀的空間

          這是主要元素之間的空間。它區(qū)分元素或者是元素組和提供眼睛跟隨的的路徑和元素之間休息的地方。

          空間與品質(zhì)相關(guān)。更多的空間需要更少的元素或極少的元素。比較一下高端店鋪和折扣零售店。在商店里面哪一個(gè)有更多空間,哪一個(gè)利用空間中的每一個(gè)角落來包裝產(chǎn)品?空間要傳達(dá)給你的是什么?


          空間還可以傳達(dá)出除了品質(zhì)以外的屬性,例如:

          精致高雅

          簡(jiǎn)單

          奢華

          干凈

          孤獨(dú)

          開放,開闊

          你在設(shè)計(jì)時(shí)沒能考慮它,你就是在浪費(fèi)空間。你可以通過溢滿的方式浪費(fèi)空間。你可以通過阻斷它內(nèi)在元素的設(shè)計(jì)和不允許它在設(shè)計(jì)中連接另一個(gè)空間的方式來浪費(fèi)空間。

          設(shè)計(jì)最終是形狀的排列,這包括所形成的空間形式。不要害怕使用空間。把它看作是你操控下的一個(gè)重要的設(shè)計(jì)元素。


          在網(wǎng)站中有關(guān)空間的一些例子

          為了更好地利用空間,你首先需要自覺的意識(shí)到這一點(diǎn)。學(xué)會(huì)識(shí)別在不同設(shè)計(jì)中的空間。請(qǐng)注意,它形成的形狀,考慮什么是空間要傳達(dá)的。最后,我來看看一些網(wǎng)站的設(shè)計(jì),并且注意怎樣使用空間(留白)。


          保守派

          Tom Johnson的保守派設(shè)計(jì)使用了大量的留白,給文字和其他元素之間以呼吸。對(duì)于什么是圖和什么是底沒有混淆誤解。

          信息包含由空格分隔(記得就近原則),區(qū)分元素組。你可以很容易地區(qū)分一個(gè)帖子的結(jié)束和下一個(gè)的開始,僅僅是通過它們之間的空間。

          頁面上的主要內(nèi)容是稍微偏離中心的,也就是一邊會(huì)有更大的空間。這個(gè)空間偶爾被元素打斷,激活了空間和被打斷的元素。這有助于吸引注意力到這個(gè)區(qū)域,特別是這個(gè)區(qū)域的內(nèi)在元素。


          HEROKU的狀態(tài)頁面

          下圖展示了Heroku的部分狀態(tài)頁面作為主要空間。在特別好的一天我碰巧看到了這個(gè)網(wǎng)站,因?yàn)楦郊拥恼嬖匾馕吨嗟氖录谶@個(gè)平臺(tái)上報(bào)道。在這里,更多白色空間意味著更好的服務(wù)。

          注意空白空間并不需要總是白色的。當(dāng)頁面大量的留白時(shí),你不可能抱怨說空間太多了。只有重要的信息在這種情況下,狀態(tài)更新和事件報(bào)告——打斷空間。


          小說簡(jiǎn)介

          在小說簡(jiǎn)介的頂部空間是不對(duì)稱的和靈活的。注意左邊的大塊空間直接導(dǎo)致讓你的眼睛注意到內(nèi)容上。如果你點(diǎn)擊網(wǎng)站鏈接,并從頂部向下滾動(dòng)網(wǎng)頁,你會(huì)看到空間用來分離和組塊的信息。

          分割線也用來組合和分離這些塊。當(dāng)瀏覽網(wǎng)站,注意到并不總是碰這些行,允許空間流動(dòng)在它們周圍,并且鏈接到另一個(gè)空間。這可以防止該空間受限制。


          ELLIOT JAY STOCKS(這是個(gè)設(shè)計(jì)師)

          Elliot Jay Stocks的網(wǎng)站為我們所熟知,這個(gè)就是他背后設(shè)計(jì)作品之一。在Elliot的網(wǎng)站上不對(duì)稱的空間設(shè)計(jì)再次起到了活躍空間的作用。

          在此頁面頂部的大圖片可能作為臨時(shí)塊用于訪問下面的內(nèi)容; 然而,在圖片旁邊大量的空間提供豐富和引人注目的地方讓眼睛在他周圍移動(dòng)。如果在左邊的側(cè)欄有相同的背景顏色作為主要內(nèi)容,那么它可能會(huì)更容易讓眼睛移動(dòng)到圖片周圍,但顏色的變化很那很難。

          正如上面的網(wǎng)站,空間用來包圍和區(qū)分信息明確的組,讓每組都凸顯出來,并且讓眼睛找到它們想要的和在內(nèi)容之間能夠停留休息。


          PHIL COFFMAN(這也是一位設(shè)計(jì)師)

          Phil Coffman的網(wǎng)站內(nèi)容形式是單一的形狀 ,位于大部分都是空的空間中。缺乏許多正面的元素來增加那些已經(jīng)存在的元素的重要性。

          實(shí)際上在有顏色矩形的背景中,文本周圍有足夠的空間可以容易閱讀,而不是誤認(rèn)為在這個(gè)頁面上其它類別的文本。

          正形(空間的形狀)響應(yīng)調(diào)整到不同的瀏覽器的寬度,但是一個(gè)單一的大的形狀這種模式周圍被剩下的空間包圍。

          網(wǎng)頁設(shè)計(jì)的新冒險(xiǎn)

          像這里的許多網(wǎng)站,該網(wǎng)站2013年的網(wǎng)頁設(shè)計(jì)的新冒險(xiǎn)大會(huì)中在元素周圍留了大量的的空間。不同信息組之間被空間包圍,并且空間讓整個(gè)設(shè)計(jì)都活躍了起來。

          有趣的地方要注意的是在左上角圖片右邊主要內(nèi)容之間的灰色圓形箭頭。這個(gè)箭頭阻斷了空間的流動(dòng)?因?yàn)樗鼈儾慌黾昂鸵驗(yàn)槊總€(gè)虛線的地方中斷了空間,空間可以通過虛線的縫隙流動(dòng),盡管它的流動(dòng)明顯受到了限制。淺灰的顏色是有用的。它阻止了箭頭成為主導(dǎo),且不難想象空間流過這些線。

          憑心而論,如果我的瀏覽器更寬當(dāng)我在屏幕截圖時(shí),箭頭不會(huì)與主要內(nèi)容重疊。然而,在1280像素下他們把這個(gè)設(shè)計(jì)變成了單行索引。總的來說,這就是它的工作原理,盡管我好奇如果沒有剪頭的存在,空間流動(dòng)會(huì)不會(huì)更好。


          一些logo設(shè)計(jì)的例子

          我會(huì)留些logo設(shè)計(jì)的空間組合,作為設(shè)計(jì)中必不可少的一部分。不是指出每個(gè)使用的空間,而是我會(huì)做一些普通的評(píng)論,且然后讓你們自己探索空間。

          注意下面的logo怎樣使用圖底關(guān)系。在一些中,直到你看到圖和底兩者,你看不到一個(gè)完整的logo。對(duì)于所要傳達(dá)什么內(nèi)容兩者都是必要的貢獻(xiàn)者。

          這些logo中有幾個(gè)是依賴于閉合原則。意味著你看到的并不是真正的存在,盡管如此但你還是看看吧。一些 logo也在玩弄圖底關(guān)系。什么是圖,當(dāng)你在看整個(gè) logo時(shí),相反它的背景變成了底,在里面成了一個(gè)更小的圖。這種可逆性圖底關(guān)系是要傳達(dá)什么樣內(nèi)容的核心。

          各種標(biāo)志,以充分的利用留白。

          云床

          黑貓休息室

          移動(dòng)

          海豚和海豹標(biāo)志設(shè)計(jì)

          種植牙指南

          Wineforest


          總結(jié)

          我希望你從這篇文章中能明白并掌握兩件事。首先是設(shè)計(jì)中使用的留白和格式塔原則圖底關(guān)系之間的聯(lián)系。格式塔原則之下許多都是我們?cè)O(shè)計(jì)師要做的事。

          第二,也許更為重要的是,作出努力,花些時(shí)間觀察在設(shè)計(jì)中怎樣使用空間,也就是所謂的留白。不要讓空間成為你正面元素的附屬產(chǎn)品。盡可能的了解學(xué)習(xí)設(shè)計(jì)空間,不亞于主要元素的設(shè)計(jì)學(xué)習(xí)。任何頁面的布局基本上都是空間的排布。

          有意識(shí)的分析空間,且故意使用它來創(chuàng)造一個(gè)更好的設(shè)計(jì)。不要讓它成為遺留下來內(nèi)容。把它看作是一個(gè)必要的設(shè)計(jì)元素,作為你圖形的設(shè)計(jì)元素。在下次的文章中,我會(huì)添加更多格式塔原則來混合和完形原則,探索焦點(diǎn),延續(xù)和共同命運(yùn)給我們帶來思想如視覺重量和構(gòu)成的平衡。


          藍(lán)藍(lán)設(shè)計(jì)www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù) 

           

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久久精品人妻一区二区三区蜜桃 | 久久青青草原精品影院| 亚洲?V乱码久久精品蜜桃| 99久久99这里只有免费的精品| 无码日韩人妻精品久久蜜桃| 亚洲欧美久久久久9999| 久久国产精品二国产精品| 伊人色综合久久天天| 99久久综合国产精品二区| 777久久精品一区二区三区无码 | 四虎国产永久免费久久| 久久99国产精品久久久| 久久综合综合久久狠狠狠97色88 | 国产亚洲精久久久久久无码AV| 狠狠色丁香久久综合婷婷| 久久电影网一区| 久久香蕉一级毛片| 国产亚州精品女人久久久久久| 久久久久久一区国产精品| 国内精品久久久久国产盗摄| 国产精品va久久久久久久| 久久免费99精品国产自在现线 | 久久久久无码精品国产不卡| 久久精品无码专区免费东京热| 国内精品久久久久影院优| 久久夜色精品国产亚洲| 久久久久国产精品麻豆AR影院| 五月丁香综合激情六月久久| 亚洲国产天堂久久综合| 国产亚洲美女精品久久久2020| 亚洲av日韩精品久久久久久a| 国产三级久久久精品麻豆三级| 久久亚洲欧美日本精品| 性做久久久久久久久老女人| 色综合久久久久久久久五月| 国产精品久久久久久久久免费| 国产精品久久久99| 久久久久亚洲精品日久生情 | 一本色道久久99一综合| 国产精品一区二区久久| 久久久WWW成人|