<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          極簡主義扁平化配色作品

          用心設計

          今天分享來自設計師 Dumma 設計的極簡主義扁平化配色作品,這些作品的顏色非常好看,也非常特別。

          這不僅僅是一組配色方案這么簡單,設計師一共設計了8組色彩搭配,每組顏色分成5個色塊,并將上、下兩個色塊設置不一樣的高度,就能形成一張非常漂亮的海報,同時設計師還有把這些配色用到了其它方面,我們一起來往下看吧:-)

          如何應用這些配色?

          配色方案很漂亮,但是如何如何應用這些配色讓作品更有意義呢?DUMMA 設計師想到把這些配色印刷到實物產品上,比如杯子、時鐘、被單、海報等實物上,真的非常搭配,同時也用來作為自己原創商品在網上進行銷售,并獲得利潤,真是一舉兩得。

          ▲抱枕

          ▲極簡時鐘1

          ▲極簡時鐘2

          ▲被單

          ▲沐浴簾1

          ▲淋浴簾2

          ▲旅行杯

          ▲海報

          ▲手提袋

          喜歡這些配色嗎?請拿去練手,作為設計師,有空的時候也可以做點創意練習,并像 DUMMA 設計師一樣,印刷到海報或者杯子上,如果你認為自己的作品非常好看的話,也可以銷售它,業余賺點零花也不錯,說不定有成為爆款的潛力呢。

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

           


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

          從心理學聊下構圖那些事

          資深UI設計者

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          平面與版式背后是千年來人類讀取信息形成的習慣、約定俗成的閱讀方式和心理學等,想成為一個優秀的設計師,我們需要進一步了解設計背后的原理以及表達信息的多種方法。

          Image title


          在中國繪畫中,有所謂章法、布局。中國繪畫最講究“經營位置”,因而有了中國畫高遠,深遠,平遠獨特意境的畫風體系。大家學習的設計體系中對構圖的分析就更加的全面,比如大家都了解的形式美學法則:均衡與對稱、漸次與重復、對比與調和、比例與尺度、節奏與韻律、體與主體、微差與統調、特異與秩序、前者多顯示生動型,而后者顯示秩序型。


          那為什么會總結出這些理論與法則?究竟又是什么在影響著我們的觀察與思考呢?有時候我們會不會遇到這些問題:


          1. 有時候我們在面對需求,需要強理論支撐自己的設計,但又找不到切入點,總會拿什么對比,對稱,韻律說事,需求方卻不為所動……


          2. 在平時的設計工作當中,大家不可避免的會參考和研習其他設計大師,同行的各類設計作品,大家肯定會有各自關注的點,創意,排版,顏色,細節刻畫等等等等,無論是那種類型的設計作品(平面,招貼,海報,H5,banner等),有時候會不會感到:看了好多作品,臨摹了好多作品,依然做不好設計;問題出在哪里呢?


          3. 我們總會收集一大堆的素材參考,那你的評判方式是什么?你又是如何分析畫面?為什么好,好又好在哪里?……


          接下來我們透過視覺表象,揭開那些神秘的面紗,希望通過我自己的學習和研究,能夠對大家有所幫助。






          Image title




          Image title


          為了更快地解析周圍的世界,大腦會投機取巧地偷懶。大腦每秒要接收約4000萬次的感官信息輸入,并試圖完全解析出它們的意義,所以它會根據以往的經驗,猜測我們看見了什么。 


          Image title


          經典再現,看左邊的圖,第一眼能看到一個黑邊三角形,上面疊了一個白色倒三角,右邊的圖,你能明顯感知到一個矩形。


          卡尼薩三角


          這是1955年,由意大利心理學家發現,并以她名字命名的“卡尼薩三角”。這個視錯覺表明我們的大腦把實際上不存在的三角形輪廓線畫了出來。


          我們把根本不存在的輪廓線稱為主觀輪廓。




          Image title


          對于識別具體物體來說,中央視覺是最重要的;

          對于認知整體場景而言,周邊視覺更為關鍵 ;


          Image title



          通過電腦屏幕觀看網頁,你并不用刻意瀏覽,而是整體掃過就能判斷整個頁面的內容。所以大多數人都低估了周邊視覺對于我們理解事物的重要性,人對場景的認知似乎都來自周邊視覺。




          Image title


          發現規律有助于快速處理時刻接收的感官信息。


          Image title



          看上面的圖,你會很自然的將其分成4組,每兩個點一組,共8個點,而不是上來就直接定義有8個點。


          大腦視覺皮質中的細胞分工不同,分別只對橫線、豎線、邊線和特定角度的線作出反應。  




          講完上述三個心理學常識,我們看下這三個點對應到我們設計當中又是如何一番情景,看下圖:


          Image title




          輪廓



          之所以將第一個心理學觀點與輪廓關聯,是因為在我們設計過程中任何一個形式的產生都會形成一個輪廓,那畫面元素多起來之后,畫面就會被這些輪廓分割成一個負向空間,很多時候我們都會忽視這個隱藏存在的形式,有時大家怎么調整一個設計元素本身,都會感覺不盡如人意,其實有一種可能是:這個元素在整個畫面中所形成的輪廓并沒有達到同步的和諧;


          如下圖插畫,一個女性形象,畫風簡潔干凈,畫面給人很強的整體感與完整型。如果是我們,會不會更多的去關注這個插畫的精彩之處是比基尼處理很生動,人物陰影細節刻畫的很到位?但是關鍵點是這些嗎?


          Image title


          繼續分析,如下圖:


          Image title


          圖A,把整個圖形黑白化后,想想我們的第一個心理學觀點,一幅畫面第一影響我們的是腦海里形成的這個輪廓。像這個畫面,一個完整近似幾何般的人物輪廓(樣圖白色部分),同時這個輪廓所分割形成的空間(樣圖黑色部分),讓整個畫面安靜有序規則,讓人的視線能夠自然流淌,不會輕易地跳動轉換;所以圖B,你會發覺,不管我如何填充紋理圖片,這樣一個畫面是始終和諧,沒有違和感的。再比較下圖:


          Image title



          筆者隨機處理的一個形狀,有沒有發覺,在沒有一個有序優美的輪廓之下,縱然你把內部的修飾刻畫的再如何精彩,這個畫面依然是索然無味,毫無生氣的。




          Image title



          設計元素要注重輪廓的修飾提煉——在設計表達過程中,不管是何種設計,我們都要注重每個呈現元素的輪廓是否精巧,注意腦海里主觀輪廓之外的負空間是否舒服與和諧,畫面是通過這些彼此聯系的,不要一上來就關注所謂的細節,經營你的形狀。


          Image title




          留白



          第二個心理學觀點與留白相關,是因為整體認知與周邊視覺關聯極大,看下圖:


          Image title


          好了,大家能夠認知到什么程度,這是什么?怕是大家怎么猜都不會確定這個是什么。


          Image title


          當筆者呈現完整圖畫后,大家是不是一下子就豁然開朗了。留白是至關重要的,留白很重要的一點是加強了元素與元素之間的關系,我們通過創建輪廓來形成元素,元素與元素之間的關系,通過留白-元素之間形成的負空間,來相互影響,最終形成協調的畫面。留白可以形成空間,引導,形狀等多種可能,讓作品更生動更有呼吸。


          Image title


          看上圖,蘋果設計對留白的使用很了,通過產品嚴謹的排布,大家可以很清晰的感受到物體分割畫面后,留白的清晰走向以及秩序,你的視線會通過大腦的分析呈現出無限擴展的空間,安靜空靈不干擾,更能彰顯蘋果設備本身的高端屬性。再簡單一點解釋,通過弱化周邊視覺的干擾,讓人更多的聚焦中央視覺,讓你對產品的感知更加深刻。這時候留白是空間,烘托畫面,安靜的美少女。


          Image title


          看上述網頁設計作品,畫面通過主視覺形成的輪廓之后,呈現出大面積的留白空間,在這些空間基礎上,進行了核心信息的展示。注意左圖黑色主輪廓的部分并沒有信息呈現(集中展示了品牌形象氣息),而在留白部分展示了文字信息加以說明;右圖部分則在折線這條主輪廓型的兩側,有序展示了信息。這樣的設計,在網頁滑屏過程中,增加了畫面的動感效果,更重要的一點是在引導視線過程中,你會更關注內容的信息呈現,想想我們的視覺,對于認知整體場景而言,周邊視覺更為關鍵;因為你會很不經意的在意留在中央視覺(在設計中就是刻意設計引導你視覺的主輪廓)之外的東西,這時候留白是引導,展示信息,完美的指揮家。


          Image title


          再看這組作品,理解這組留白相對比較復雜,注意筆者圖示位置的留白,很多時候,我們都習慣把畫滿一個畫面當作第一要務,填滿是可以保證我們看到的畫面至少是飽滿不空的,但是往往適得其反就是亂和沒有靈氣,所以一些設計作品試圖去突破一些視覺固式,那這時候留白就是一個極好的幫手,無形中啟到一個形狀的作用,補充畫面達到畫面的和諧統一,又增加韻味。像左圖就是通過一個紅色面積的模塊留白,與標題呼應的同時,讓畫面方圓能夠更自然的流淌,增強畫面的靈動感,右圖則通過添加元素,讓留白區域形成某種場景或者縱深,這樣就對文字形成了一種補充,烘托文字的效果,增強感受,兩者看似有明顯空白,但是整體又是完整的??聪聢D,其實這又牽扯到我們第一個講到的心理學:眼見非腦見,我們的大腦會自動去找尋某種輪廓。而這里輪廓的形成是通過留白去幫助實現的。這時候,留白是形狀,參與構成,積極的組織者。


          Image title




          Image title



          留白,是形式的延展...空間,引導,形狀——元素在構成畫面中一定會產生留白,留白對畫面的意義在于可以幫助我們更好的展示內容,幫助我們營造空間,創造聯系,配合形式,讓畫面更加有序有感。




          構成



          講到構成,這個名詞大家都不陌生:一定的形態元素,按照視覺規律、力學原理、心理特性、審美法則進行的創造性的組合。很顯然跟我們的心理學原理三不謀而合,人是習慣尋找規律,也很習慣創造規律,所以在設計領域,才有了對點,線,面等不斷的研究與實踐,在抽象的形、色、質的造型方法上不斷追求與探索。


          Image title


          看上圖,這是一張展覽海報,海報簡潔干凈,穩重大氣,沒有太多筆墨渲染,背景圖的選擇,以靜制動,讓整個海報有種高山流水,知音無限的濃郁氣息。先想下我們之前的說明:大腦視覺皮質中的細胞分工不同,分別只對橫線、豎線、邊線和特定角度的線作出反應。再結合下點線面構成的知識。首先畫面三個大字,這是點,然后由上到下一個“之”字形排開,斜線至此形成,你的第一視感規律完結,接下來注意畫面背景圖的選擇,瀑布從上而下,這個水流的動勢極大得幫助和引導了我們的視線閱讀,豎線至此形。畫面感就形成了,你會很自然舒服的去閱讀這個海報。


          但是就此就結束了,視線總體流動是這樣的,為什么設計師要把字放到畫面這個位置,而不是其他位置呢?想想剛剛說的規律,人喜歡規律,創造找尋規律,并以此為根據去實踐,這里就牽扯出了大自然里最神奇的定律黃金分割(今天的文章暫時不講,之后我會帶來關于黃金分割的文章分享哦),繼續看下圖,


          Image title


          首先,A1,A2這是畫面橫向寬度上兩條黃金風格線,B1,B2,B3這是畫面縱向按順序的三條黃金風格線,當畫出這幾條黃金分割線,是不是一目了然,海報作者把核心元素有序安排在黃金風格線及焦點之上,和諧之美,一張看似簡單的海報蘊藏著如此豐富的魅力,我們也可以感悟到設計師本身嚴謹的氣息和對構成形式的細心推敲。如果是我們,又會是怎樣的呢?


          Image title


          再看上圖,大家可以自行按照上述的方式去分析一下。下圖海報可能更復雜些,但是其中的規律也是可以尋找的,畫面通過兩組不同斜面創造大的規律動勢(右圖黑紅示意),同時巧妙的利用交叉后形成的三角形,形成點的元素,作為人物畫像的載體之用,因而三角形是從整體上而來,有序而有組織,相互有關系,不會顯得亂。


          Image title


          更令人驚奇的是,當我也使用黃金分割試圖去進一步分析和理解畫面的時候,你會發現人物的面部表情—眼神,全在分割線上,所以有沒有覺得,這個海報的每個人都感覺實在你在對視,莫名的一種震撼,畫面的張力,不得不佩服國外設計師的嚴謹。


          Image title




          Image title



          合理使用點線面,引導組織畫面——優秀的畫面從來不是無組織無秩序的,都是通過點線面的仔細經營來創造最佳的視覺效果,而這個視覺效果,是能夠自發的去引導觀眾的視線,讓規律自然被閱讀,達到形神合一。




          今天通過三個心理學,引出設計中三個設計要點輪廓,留白,構成,其實彼此之間是一個遞進聯系,有了元素就會產生形狀,躍然紙上,則需要足夠的留白去為元素講故事,然后這個故事就是構成,你使用如何的手段,讓他更豐富更有內涵,一目了然。三者的有機結合就形成了我們所說的構圖,視覺語言中構圖是非常重要的底層環節,相比華麗的細節和各種炫目的效果,畫面中隱藏的構圖實際上才是視覺設計的核心!


          Image title

          Image title


          看一下這些電影場景,是不是恍然大悟,看似復雜的場景,都建立在這些幾何圖形的基礎骨架之上,回憶下文章之初的心理學觀點,其實設計知識背后是人類讀取信息幾千年來形成的習慣以及現代社會約定俗成的閱讀方式和心理學等,要想成為一個優秀的設計師,我們需要進一步地了解設計背后的原理以及表達信息的多種方法,就像研究表明,人類能識別 24 種基本形體,這些基礎形狀稱為幾何離子(方形,圓形,三角形,圓柱體,圓錐體等),這就落回到我們講到的心理學:我們眼睛能夠尋找的規律,而上圖的電影畫面也都構建在此基礎之上,因為這樣的形式更容易讓我們的視覺去捕捉去理解。


          講了這么多,就是希望能夠幫助大家在平時的設計工作和日常的學習積累過程中,能夠有一種思路和方法,去判斷和解讀作品,去分析這個設計為什么好,好在哪里,去把設計進行有效的分解(元素本身的樣式,元素所在空間的留白,以及彼此之間的關聯)給你自己的設計說明增加籌碼,以便更加得擲地有聲。


          最后,既然我們知道了這些心理學知識,了解到了我們的觀察習慣,在之后的設計過程中我們就需要努力做到以下幾點:


          1.  經營好元素的輪廓和位置;


          2.  人會不由自主地尋找規律,那就盡量多使用規律,利用分組和間隔創造規律;


          3.  要讓某個物體(例如圖標)易于識別,就用簡單的幾何圖形來畫它。這會讓構成物體的幾何離子更明顯,從而使人更快、更輕松地識別該物體;


          4.  控制好你的形式,形式在內容之下,形式服務內容。文繁則質衰,末勝則本虧,過分強調文飾與修辭,內容就會受到遮蔽而顯得軟弱無力,形式重于內容,其實就是舍本逐末。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          用一篇超全面的好文,帶你了解英國設計史的前世今生

          資深UI設計者

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          文章目錄

          • 水晶宮與拉斯金
          • 現代設計之父誕生
          • 工藝美術運動中的平面設計
          • 總結

          水晶宮與拉斯金

          談這個運動之前,我們先來交代一下背景,150年前的歐洲版圖大致有法國、奧匈帝國、英國、西班牙、荷蘭、波蘭等國家,由于后來世界大戰打來打去相互瓜分,所以對這些國家目前的領土范圍、名稱等不需要特別較真。

          18世紀初期的英國還處于農業經濟時代,經濟發展取決于勞動力資源的占有和配置。比方你家有100人在干活,理論上經濟效益就比隔壁老王10個人干活要強許多。

          然后到了18世界中葉,也就是1765年珍妮紡紗機的發明標志了第一次工業革命在英國開始,由此100年間,英國就像被開光加持,走上發展快車道,一下子躍升為世界大國。

          這個時候我們橫向看看中國的情況,18世紀的中國正處在清朝統治之下,清朝歷史上最著名的康乾盛世就是在18世紀中期(乾隆早期)達到頂峰,當時 GDP 占世界總量的三分之一,也很厲害。我們可以從建筑面貌,生活場景,商店來感受一下當時中國的生活水平與設計面貌。

          工業革命在英國發展了100年后,正好來到英國著名的維多利亞女皇時代,維多利亞時代前接喬治時代,后啟愛德華時代,被認為是英國工業革命和大英帝國的巔峰。它的時限一般定義為1851年~1901年長達50年,這個時期的英帝國走向世界之巔,領土達到3600萬平方公里,給大家一個參考數據,咱們大中國目前的領土面積960萬平方公里,僅僅是當時的英國領土的四分之一,而經濟占了全球的70%,貿易出口更是比全世界其他國家的總和還多上幾倍。

          所以,現代設計由此時此地發生萌芽,似乎是合情合理。

          這個時期英國的設計風格就是鼎鼎大名的「維多利亞風格」,后世對這個風格進行歸納后認為,它屬于一種古典藝術復辟整合的風格,因為你可以從維多利亞設計風格的產物中,看到:哥特樣式、文藝復興樣式、都鐸樣式甚至意大利風格樣式。維多利亞時期通過融合當代審美元素及使用了新建筑材料等方式,重新演繹及完善這些風格,因為糅合了眾多古典風格,所以在視覺上顯得矯揉造作,裝飾繁瑣,色彩豐富細膩,顯得唯美主義。

          也正是1851年,英國為了向世界炫耀工業革命成果決定搞點事情,于是聯合歐洲各大國,舉辦歷史上有名的倫敦世界博覽會,而籌辦這個博覽會的又是歷史上有名的阿爾伯特親王,下面請注意我介紹他和維多利亞女皇之間的關系。

          阿爾伯特是德國薩克森-科堡-哥達公爵恩斯特一世的小兒子。比利時國王利奧波德一世是維多利亞的舅舅和阿爾伯特的叔叔。維多利亞的母親和利奧波德一世是姐弟,所以阿爾伯特是與他的表姐維多利亞女王結婚,是否有點小燒腦,沒關系,你只要知道他們是夫妻,然后屬于近親結婚。

          他們一共生育了九個孩子,因為近親結婚的緣故,四個王子中的三個都是血友病患者,所幸的是五位公主個個健康美麗,但也是血友病基因攜帶者,關于他們更多的故事請自行搜集,因為咱們今天是來聊倫敦世界博覽會的。

          阿爾伯特一直對設計方面的事務非常感興趣,所以很積極籌辦這次博覽會,但期間碰到一個極大的難題,就是當其它國家往英國運送大型工業設計產品時,比方火車頭、蒸汽機,建筑模型等東西時,英國暫時沒有如此龐大的場地進行安放,并且當發現這個問題時距離對外宣布開展的日期只剩不到半年,按正常流程壓根無法完成這樣的場館,問一眾大臣無人敢吭聲,阿爾伯特心急如焚,某天他在花園里眉頭緊皺思考這個問題時,一位皇室花農的兒子忍不住問親王怎么回事,親王跟他簡單說了情況,沒想到這個花農的兒子居然說:如果親王相信我,不如讓我試試看吧。這位花農兒子就是后來英國著名的建筑師:伯克斯頓。

          基于花卉種植的技術,伯克斯頓大膽運用了種植花卉的溫室結構原理,使用鋼鐵與玻璃為原料,快捷實用又經濟并且采光一流的方式做了這個場館,那就是后來一開展立刻震驚全世界,歷史上著名的「水晶宮」,這個建筑物也被后世視為現代設計拉開帷幕的標志性產物,也被視為「工藝美術運動」的開始。

          水晶宮在1854年曾經從倫敦中心遷址南部,無奈在1936年的一場大火中被付之一炬。英國前首相丘吉爾曾表示它的燒毀是「一個時代的終結」。

          這個世界知名的博覽會所展覽的作品以工業產品為主,并且全部都沒有一點現代設計風格的影子。那我們不是在聊現代設計的萌芽嗎,對的,這個博覽會的最大作用是反面刺激,因為展出的產品大部分非常粗陋,原因很多,其一是誰也沒經驗做工業產品,好比香港第一屆特首,前無古人很難做好;其二是工業發展本來就是初期,工藝水準遠遠沒有成熟。

          而在一些人看來最要命的是為工業產品強制添加裝飾,比方把哥特式的紋樣刻到鑄鐵的蒸汽機體上,在金屬椅子上面畫個油漆畫,在縫紉機上面加一個丘比特造型等等,完全是不實用并且談不上美觀的設計。

          這種情況在意見上形成兩面派,比方愛國者立場的人大唱頌歌,甚至要寫詩來贊美,比方英國大詩人丁尼生就為這個博覽會專門創作了頌詩。

          而另一派自然就是批評者,批評的角度是博覽會大部分產品都缺乏一種從整體出發的設計構思,形式遠遠大于功能,能夠意識到這種問題的人其實已經具備了新設計思想,但很可悲的是他們又多數是機械否定論者,意思就是反對工業,崇尚手工,顯然違背了社會發展規律。

          這群反對者當中有一位后來非常著名的人,最后成為「工藝美術運動」的理論指導者,他就是約翰·拉斯金。

          在博覽會現場,32歲的約翰拉斯金已經是英國成名作家,藝術評論家,同時也是教師及業余地質學家,成名作是1843年寫作的《現代畫家》,他看到水晶宮的展覽后,發出感概:藝術家已經脫離了日常生活,只是沉醉在古希臘及意大利的迷夢當中,如果這些產品只能被少數人理解而脫離大眾,藝術沒什么作用,真正的藝術必須是為人民創作,不然就是一件無聊的東西。

          其實按現代的觀點,我們補充一下拉斯金這個說法,他提到的藝術嚴格來說應該就是當代定義的設計,因為160年前不存在設計的說法,設計跟藝術之間的定義非常模糊。

          當時會場中的拉斯金可以說是憤怒的,隨后幾年,他開始通過著書跟演講來宣傳他的設計美學概念,比方他提出設計的實用性目的,他認為:世界上最偉大的作品都要適用于某一特定場合,從屬某種目的。這個觀點說出設計的功能性問題,屬于初步的現代設計思想。

          同時拉斯金極力反對精英主義,強調設計的民主特性,強調設計為大眾服務,這一點也是后來德國包豪斯非常重要的思想內核之一,拉斯金認為以往的美術都被貴族的利己主義控制,范圍一直局限在上層社會,如今不應該再為取悅公爵太太們,而應該更多的關注農村中的勞動人民,為他們生產一些實實在在的東西。

          約翰·拉斯金1819年生于倫敦。是個獨生子加富二代,因為父親是成功的蘇格蘭雪利酒商人,父母對拉斯金要求嚴格,把所有的希望和理想都寄托在約翰·拉斯金身上。他的父親一直鼓勵他從事繪畫和詩歌創作等文藝工作,而母親卻希望他能做一名牧師。年少的他一般在家庭和基督教堂學習。每年夏天隨父母游覽名山大川,參觀古代建筑和名畫,培養了對自然和藝術的愛好。

          拉斯金在1836年進入牛津大學基督學院,1840年因病退學。此后兩年在意大利養病,同時搜集資料從事著述。其實拉斯金本身也做部分藝術創作,比方繪畫,但后期專注于理論研究及普及設計思想。但拉斯金的設計思想非常龐雜,也有一部分對時代消極的內容存在,但我們這里基本不談及。

          現代設計之父誕生

          生平不識莫里斯,設計十年也枉然。

          就在水晶宮誕生的前幾年,1848年世界上也發生一件大事,就是德國的卡爾馬克思先生發表了他的重要著作《共產黨宣言》,因為工業化發展過程中,造成了很多社會問題,比方貧民窟的出現,因為機器代替了人力,大部分工人下崗了,換到我們身處的時代,隱隱感覺人工智能與大數據的迅速發展是一樣的,機器人及信息化工具也將取替大量人力,比方無人汽車,無人機送貨,餐館的二維碼下單及收款等,都會讓一批勞動力被取代。

          當時發展工業革命的歐洲國家,資本主義開始產生及成熟化,于是就產生了兩個對立階級,就是著名的無產階級與資產階級,無產階級的生活條件及工作條件隨著工業革命發展,逐步惡化得非常惡劣,這就是當時「工藝美術運動」發展的時代背景。

          我們第一部分談及了「工藝美術運動」的理論指導者約翰拉斯金,他在1953年出版了一本書籍叫《威尼斯的石頭》,這本書講述了中世紀設計精華的思想內容,深刻影響了一位年輕人,這位年輕人后來通過自己的努力,掀起工藝美術運動,成為了現代設計的奠基人,他就是大神威廉莫里斯先生,他同時是世界第一所設計事務所的開設人,所以他也被視為現代設計之父。

          不過關于這個說法其實存在爭議,因為工藝美術運動被后世認為在思想上是倒退的,因為他們的意識形態是反工業,重塑手工藝的,主張從自然和哥德風格中找尋出路,比方「向自然學習」就是工藝美術運動的重要口號之一,而我們回顧當時的諸多作品,我們也發現大量動植物紋樣的設計形式,同時這個運動其實也受東方風格的影響,特別是日本的浮世繪,我們后面會論述這塊。

          1951年的倫敦世界博覽會期間,威廉莫里斯也到過現場觀看,那時的他年僅17歲,他對于工業化產出的丑陋產品感到非常震驚與厭惡,根據小道消息記錄,他在觀看時候曾經放聲大哭。雖然這種反應未免有夸張之嫌,但是確實在那次經歷之后,莫里斯就立志開始學習設計,希望通過自己的努力來扭轉這種設計頹敗的局面。

          跟約翰拉斯金一樣,1934年出生的威廉莫里斯也是一名富二代,有一個富足的家庭跟一位經商的父親,所以起點高一直不是壞事,特別是起點高的同時還有一位重視教育的父親,莫里斯的父親對他學習情況非常關心,一直嚴格要求莫里斯,所以1851年博覽會后莫里斯順利考入牛津大學建筑系。早期的設計師基本都是搞建筑為主,比方德國包豪斯的幾位校長都是建筑師。

          在牛津大學畢業后的莫里斯去了一所專門從事哥德風格建筑設計的事務所里工作,這個期間他對哥德風格有了實踐上的深刻認識,但是莫里斯的內心其實對繪畫及詩歌(莫里斯本身也是一位成熟的詩人,曾出版《地上樂園》等詩集)更為熱衷,他感覺自己并沒有對建筑的熱忱,所以他呆了不夠8個月就走了,隨后參加了著名的「拉斐爾前派兄弟會」。

          拉斐爾前派是1848年由3名年輕的英國畫家亨特、羅塞蒂和米萊斯在英國倫敦所發起組織的一個藝術團體,目的是為了改變其時的藝術潮流,反對在米開朗基羅和拉斐爾的時代之后偏向機械論的風格主義畫家??偟膩碚f,他們的風格偏向傳統寫實,主張忠于自然,所以跟拉斯金及莫里斯的理念都接近,莫里斯在此期間創作了一些畫作,其中比較有代表性的是《岡尼芙皇后》,畫風已經明顯有設計的裝飾性感覺。

          參加拉斐爾前派后的莫里斯不久就馬上要步入人生另一個階段——結婚,而對象是下面這位非常擅長配合攝影師擺pose 的美女簡·伯頓,深諳現代頭疼腳疼肚子疼三大法則,莫里斯第一次見到她時是這樣描述的:美艷動人,身材高挑,皮膚黝黑,有一種野性美,留有自然的鬈發,長著細長的脖子、大大的眼睛和性感的雙唇,與當時優雅而傳統的美女很不相同,有標準的模特風范。

          所以拉斐爾前派的成員之一羅塞蒂就經常以她為繪畫模特進行創作,后來兩人也因此鬧出了不少緋聞,導致莫里斯和簡伯頓的關系出現裂縫。

          另外關注設計史太濃的朋友知道,我們的內容一直不乏美女身影,比方包豪斯創始人格羅皮烏斯的太太,神一樣存在的阿爾馬·馬勒,關于她的傳奇故事可以詳見《用一篇超全面的好文,帶你了解包豪斯的前世與今生》。

          莫里斯跟簡伯頓的婚姻對整個世界的設計發展來說都是一件大事,因為他們的婚姻促使了莫里斯開始從繪畫轉向設計方向,同時被視為現代設計開端的代表性建筑「紅屋」也誕生,事情的經過是這樣的:

          莫里斯跟簡伯頓確立關系后決定在1859年喜結連理,而成家就要立室,說白了就是需要買房子,于是莫里斯開始在倫敦市區及郊區到處尋找合適的住宅,但是經過多輪的折騰,一直沒有找到自己滿意的住宅,以及對住宅的用品也十分不滿,因為當時存在的建筑跟家居用品都充斥維多利亞風格的繁瑣,不然就是極度簡陋。

          于是莫里斯開始產生自己動手建房子的想法,他邀請了一位叫威伯的朋友幫忙,在郊區肯特郡弄了塊地,周圍是果園,擁有非常開闊的視野與景色,符合莫里斯喜好接近大自然的性格,也符合新婚夫婦對浪漫的訴求,他們開始在這里做自己想要的房子。這個房子一開始的定位就是非常規的套路,比方結構是非對稱的,然后表面沒有粉飾,并且充分考慮了居住的功能性,其中最突出的特征就是房子全部使用紅磚修建,既是材料,又成為裝飾動機,所以史稱「紅屋」,其中也使用了諸多莫里斯喜歡的哥特元素雕飾細節,比方塔樓、尖拱入口等。我們來看看歷史上紅屋的樣子:

          其實紅屋最特別的部分在于,除了房子本身的建筑外,里面全部家具、燈具、地毯、裝飾品、墻紙、掛畫都是莫里斯親手設計的,就是現代俗稱的硬裝與軟裝,莫里斯都一手包辦,所以風格非常統一協調,而且別具一格,這種風格也被視為工藝美術運動的代表性風格。

          時間已經去到1860年,紅屋的落成讓周邊的人好奇與驚訝,紛紛來參觀,慢慢在英國設計界開始引發廣泛的興趣與贊譽,好的設計、講究功能的設計自然會激發大眾的熱情與需求,越來越多人詢問他能否也幫忙設計一些家具用品,他開始萌生為大家提供設計服務這樣的想法,此時的他只是跟朋友經營畫室搞創作,屬于一個沒有固定職業的下崗人員,于是他決定破天荒的成立一間獨立設計事務所,這是世界上最早由藝術家經營的設計事務所,也就是現在所有設計公司的前身。

          剛開始他是跟兩位朋友一起合伙經營,幾年后奇貨可居,業務蒸蒸日上,他果斷將另外兩位朋友的股份買下,在1864年更名為「莫里斯設計事務所」。其實西方大部分品牌、公司都會以靈魂人物的名稱來命名,比方沃爾瑪、惠普、戴爾、保時捷、迪斯尼等等,遍及各行各業,這在我看來屬于部落文化,也是羅振宇說的人格體,在設計行業其實也越來越多這種現象,中國這種情況較少,但香港已經有諸多成功的示例,比方陳幼堅設計有限公司,香港李永銓設計有限公司等, 內地深圳有韓家英、王粵飛等,老板的氣質就是企業的氣質,老板的風格就是作品的風格。

          莫里斯的設計事務所為顧客提供各種各樣的設計服務,范圍包括家具、地毯、毛毯、墻紙、書籍、海報、建筑等,涵蓋全面而完整,后期莫里斯越來越善于經營,聯合工廠直接生產自己設計的產品,包括陶瓷、玻璃、地毯等,再直接銷售給客戶,所以這也是一個用設計創造財富的典型例子,值得現代設計師借鑒。

          莫里斯的設計風格有別于當時的維多利亞風格,獨樹一幟,后來史稱「工藝美術」運動風格,特征包含了以下幾點:

          • 強調手工藝,明確反對機械化生產(這算是違背社會發展規律的倒退觀念)。
          • 反對矯揉造作、繁瑣、裝飾過度的維多利亞風格,及其它古典、傳統的復興風格(這是進步的觀念)。
          • 提倡哥德風格,講究簡單、樸實,重視功能(這特點具備現代設計思想)。
          • 推崇自然主義、裝飾上借鑒東方藝術,比方日本的華年魚蟲。

          工藝美術運動中的平面設計

          第二部分聊到威廉莫里斯自從跟簡伯頓結婚后,親力親為修建一間紅屋,引發了設計圈轟動,隨后他成立了自己的設計事務所后,引領出「工藝美術」運動風格,從1860年到1880年達到運動高峰,帶動歐洲各國的同類設計運動,但因為本次的主題是英國設計,所以我們主要先聊英國情況,關于這場運動歐洲其它各國的狀況我們將會在其它分享里講述。

          莫里斯初期主要的設計方向是家具、墻紙、家居用品等,墻紙設計是其最具代表性的作品之一,而且風格上特別容易識別,就是使用大量植物紋樣,我們通過下面的圖片來大致感受一下,現代的產品假設使用這種特征很容易重現莫里斯風格:

          但后來英國出版界發生了一些事情,讓莫里斯在平面設計范圍也開始有極大拓展,并且發展出強大的影響力,進一步深化工藝美術運動的范疇。

          事情的起因是19世紀以來,因為工業革命發展,引入機器操作后書籍開始大批量發行出版,導致書籍設計的粗制濫造情況越發嚴重,開始讓當時一批平面設計家感到很焦慮,情況就跟現在區塊鏈的急速發展,產生大量粗制濫造的app、網站平臺的情況雷同,讓做UI設計的我們也感覺局促不安。

          所謂時勢造英雄,總有一些人要被歷史選中,比方有一位出版家叫威廉帕克林,在24歲時候開設了自己的書店,專門經營善本(泛指刻印較早、流傳較少的精美古籍)和古本圖書,后來他跟朋友合伙經營出版社,自行設計與出版書籍,多數與散文及詩集為主,他們對書籍有非常嚴格跟精細的要求,而且也使用了哥德風格結合簡單明快的方式進行設計,符合工藝美術運動的特點,給出版界帶來一股清流。

          在這種風氣影響下,慢慢的又出現另一位人物,就是建筑家出身的阿瑟·瑪克穆多,他出生于1851年,就是水晶宮面世同一年,在26歲時候他認識了43歲的莫里斯,受到當時已經成大名的莫里斯的思想影響,決心追隨他發展工藝美術設計改革,他專注于平面設計,并且體現在書籍設計上。

          1882年他成立了自己的設計公司「世紀行會」,然后在1884年出版了一本《玩具馬》刊物,這是最早最系統,利用文字方式宣傳工藝美術運動主張的出版物。但非??上шP于這方面的圖片資料在互聯網上已經無法找到。

          這本刊物是工藝美術運動當中平面設計的最典型作品,刊物當中的封面及插圖、排版裝飾使用了吸收日本浮世繪元素,從植物紋樣當中提煉出抽象圖案,并采用一些中世紀的裝飾動機,流暢、生動,形成一種特別,能代表工藝美術運動的平面設計風格。

          做這個刊物時候瑪克穆多曾經多次跟莫里斯探討版面編排、空間布局比例,文字間距、字體風格、紙張材質等具體的設計問題,這個過程讓莫里斯很興奮,因為莫里斯對工藝美術運動風格可以應用到書籍平面設計當中感到很高興,于是他又決定搞點事情了。

          這個時候時間已經去到1888年,莫里斯的事業已經發展很成功,說白了就是通過設計獲得了財務自由,一旦財務自由就可以比較任性的做一些事情,比方將精力從家具、墻紙、工業產品方面轉移到平面設計,而且本來他就是一名文學愛好者,所以他一轉身就成立了個人出版社,雇傭了一批鑄字工人及印刷工人,起名為克姆斯各特出版社。

          這個出版社一成立,基于莫里斯本人的影響力馬上就生產出一本成功的書籍,就是莫里斯與插圖畫家克萊因合作,設計出版的英國傳說故事《呼嘯平原的故事》,第一次出版了200冊紙張本跟6本羊皮紙本,這本書設計非常精美,而且完全符合工藝美術運動風格,一上市就吸引了英國讀者的強烈興趣,并且將克姆斯各特出版社的名頭一炮打響。

          莫里斯這個出版社在英國的「工藝美術」運動當中發展起到非常重要的作用,因為在莫里斯的帶領下,出版社是這個運動當中平面設計領域最集中的體現,影響了其它出版公司,甚至影響到歐美各國的印刷出版行業。

          克姆斯各特出版社無疑是威廉莫里斯的平面設計大本營,他的大部分書籍都是由這家出版社完成,不過他的設計充滿了企圖恢復古典,中世紀哥特時期的風格特征,版面編排非常擁擠,很多細節也比較繁瑣,并且因為對質量的追求,所以產量低,價格高,有經濟能力購買的群體不多,于是慢慢引起一些評論家的指責,可見名人做事情是要受社會監督的,比方英國有一位平面設計家劉易斯·戴依就曾經在1899年的《東方雜志》這個期刊中撰文批評威廉莫里斯。

          他認為莫里斯后期的書籍設計完成沉溺在復古主義,完全違背了他一貫主張和倡導的設計社會化、民主化、大眾化的立場與原則,讓書籍無法成為普及大眾的讀物,而淪落為少數收藏家的藏品。而此時莫里斯其實已經離世,莫里斯是在1896年因為病患去世的,而克姆斯各特出版社從1891年經營到1898年,期間一共出版53種圖書,總印刷量達到18000本,這個數量在英國及歐洲都是可觀的,在莫里斯離世兩年后,因為缺乏靈魂人物,出版社因為經營不善就關閉了。

          后來這位批評莫里斯的設計大師戴依聯合了插圖畫家杰西·金及格里那維,三人合作創造出一種以兒童為受眾的讀物設計風格,設計當中充滿了天真風格、色彩浪漫,無論字體、插圖風格跟布局排版都輕松可愛,廣受當時的兒童歡迎。

          他們的目的是希望書籍設計能夠真正為廣大讀者服務,改變書籍長期被少數人掌控的局面,也力圖改變莫里斯那種比較凝重的考古味道。這三人都基于為大眾的共同立場,但是各自有自身的風格,他們為眾人皆知的一些英國童話故事設計書籍,人物、動物、植物跟風景都栩栩如生,生動活潑,是工藝美術運動后期平面設計范圍里一個重大的發展與突破。

          他們的設計直接影響了下一代的平面設計師及插畫家,比方我們在包豪斯那期分享里聊到的比利時設計師亨利·凡德·威爾德。

          莫里斯離世之后余威尚在,很多年輕設計師受他的影響,都成立了一些小型出版公司來探索書籍平面設計,被后世稱為「私營出版運動」,其中有一個比較突出的機構叫「手工藝行會」,領導人是杰出建筑師查爾斯·阿什比,同時他也從事首飾跟銀器設計,他跟三位朋友一起,僅僅使用50英鎊成立了這個行會。

          手工藝行會的風格在工藝美術風格基礎上再次產生了一些突破,比方把古埃及及古羅馬的風格也融合平面設計,特別是字體設計上重視書法效果,他們的設計業務和制作業務都發展得很繁榮,訂單接踵而來。

          另一個比較突出的「私營印刷運動」組織是多佛出版社,他們有一個很具進步性的設計思想觀點,認為平面設計的核心并非單純的視覺美好,而是準確的形象信息傳達,在良好的傳達前提下,達成設計美觀的目的。他們的代表作是1903年的《圣經》,字體和版面編排都非常方便閱讀,插圖講究,達到功能與形式的完美平衡,是工藝美術運動后期越發成熟的代表作品之一。

          以約翰拉斯金的指導思想為基礎,威廉莫里斯設計為代表所發起的英國「工藝美術」運動,雖然思想跟形式上也有倒退的部分,但仍有諸多具備現代設計的先進思想,比方希望設計普及大眾、重視功能等,所以對西方各國的設計發展都有促進與推動作用,并且在歷史上被視為現代設計的開端。

          總結

          整個分享我們大致談了三部分內容。

          現代設計的起源發生于英國,倫敦博覽會水晶宮的出現刺激了設計理論先驅約翰拉斯金對設計的思考,并發展出具有進步及前瞻性的現代設計思想。

          設計師威廉莫里斯建造紅屋這件事,拉開現代設計的序幕,并引發出工藝美術運動,該運動風格特征以莫里斯借鑒東方植物紋樣的元素,形式簡單明快,講究功能等特點為代表。

          工藝美術運動在平面設計上,特別是在書籍上具體體現,莫里斯同樣擔當領軍人物,并由此對歐洲各國的平面設計產生深刻影響。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計  包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          設計太小氣?試試從這五方面入手

          用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

           

          改稿絕對算得上是設計師的一項日常操作,這一點我們都深有體會,至于改稿的原因則五花八門,不是客戶嫌棄太小氣、沒創意,就是上級嫌棄太土、太單薄等等。

          如何解決設計太小氣這個問題,主要是從以下五個方面入手:

          1. 構圖要飽滿有張力;
          2. 主題要大、要用大場景的圖片;
          3. 使用強烈的大小對比和空間對比;
          4. 用仰視的角度;
          5. 采用逆光拍攝效果。

          一、構圖要飽滿有張力

          導致設計看起來小氣的首要原因就是構圖不飽滿,也就是我們通常所說的沒有張力,那么什么樣的構圖才是飽滿有張力的呢?

          1.要充分利用好版面的空間

          下圖是一則背景板海報設計,我們可以看到所有視覺元素都集中在版面的正中心,左右兩邊的空間完全沒有被利用起來,所以看上去會比較小氣。

          對于這種情況,我們應該適當把圖片元素往兩邊擴張,把版面的空間充分利用起來,使得圖形部分的輪廓盡量與版面輪廓貼近。

          調整后的構圖變得更飽滿、更大氣了。

          2.視覺主體至少占據版心的兩個角

          以常見的矩形版面為例,它的版心是一個四邊形,有四個角,我們可以把這四個角理解成四個點,而版心就是通過這四個點的連線建立起來的,改變任何一個點的位置,版心的輪廓都會發生變化。

          所以這四個點(角)也直接影響了版面的張力,元素覆蓋的角越多張力就越大,元素覆蓋低于版心兩個角時會顯得張力不足,因而難以大氣起來。例如在下圖的海報中,圖片部分只覆蓋到了左下角一個點,所以版面的張力不足。

          為了加強版面的張力,我把圖片的火焰部分進行了延伸,并同時覆蓋了版心的三個角,所以調整后的效果比調整之前要大氣很多。

          二、大

          既然要做大氣的設計,那自然離不開“大”字,怎么個大法呢?一是主體元素要大,二是要用大的場景:

          1.主體要大

          如果覺得你做的設計太小氣,很簡單,直接把主體拉大,占據盡量多的版面空間,這是一種很粗暴但是很有效的方式,不過我們在拉大視覺元素的時候要注意,要保證元素本身的識別性和清晰度。

          上圖的主體比較小,所以顯得比較小氣。

          把主體拉大后,該設計就變得大氣了很多。

          2.背景要用大景

          你應該也發現了,凡是電影大片里肯定都會有很多大場景的鏡頭,比如城市、山川、大海、宇宙等等,這種鏡頭就很大氣,因為它呈現的是一個非常大的空間。而如果特寫一座房子、一張桌子、一朵花之類的小場景,則不會有這種感覺。

          所以,如果使用大場景的圖片來做設計,會比較容易做出氣勢。

          三、制造強烈的對比

          制造強烈的對比也是使設計更大氣的有效方法,當然,也不是所有對比都行,效果比較顯著的主要是大小對比和空間對比。

          1.大小對比

          當在版面中同時呈現一大一小兩個對比很懸殊的元素,且這兩個元素之間有緊密的聯系或互動時,就會有很大氣的感覺,很多科幻電影的海報設計就喜歡運用這種對比手法,比如《黑豹》和《大圣歸來》的海報。

          ▲黑豹與踩在其腳下的豹頭雕塑形成強烈的大小對比,而且二者都是豹,在視覺上有很強的關聯。

          ▲猴子與其面前的巨龍形成非常強烈的大小對比,他們的關聯在于二者正處于對峙的狀態,霸氣背漏有沒有?

          2.空間對比

          如果畫面中有強烈的空間對比也會顯得很大氣,比如說畫面中的元素形成非常強的透視關系時,整個版面就會有一種縱深感,仿佛畫面中的元素從視線的遠端奔向我們的眼睛,這也是為什么發散式的構圖會顯得比較大氣的原因。

          四、用仰視的角度

          從攝影作品中我們可以發現,采用平拍或者俯拍的角度拍出來的照片很難大氣起來,而如果采用仰拍的角度,拍出來的照片則會大氣很多,這是因為仰拍會把照片中的主體顯得很高大,而我們自己很渺小。例如以下兩張攝影作品,同是以埃菲爾鐵塔為拍攝對象,但右圖比左圖要大氣很多。

          在設計中也是同樣的道理,比如廣告設計中常常用到立體字,仰視的效果會比俯視的效果更有氣勢。

          ▲俯視

          ▲仰視

          五、采用逆光效果

          這也是從攝影中發現的一個技巧,在同等條件下,逆光拍攝的效果要比順光和側光拍攝的效果更大氣,原因是因為逆光拍攝有強烈的明暗對比,而且更能襯托出光的效果。

          汽車廣告就非常喜歡用逆光的效果,再加上仰視的拍攝角度,看起來會非常大氣。不過為了使主角更清晰,我們通常需要給它的逆光面進行補光。

          結語

          最后總結一下,想做大氣的設計,我們可以從以下五個方面入手:1.構圖要飽滿有張力;2.主題要大、要用大場景的圖片;3.使用強烈的大小對比和空間對比;4.用仰視的角度;5.采用逆光拍攝效果。你都領悟了嗎?

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 

          追波粉絲7萬的設計師Steve Wolf 是如何做Logo的?

          資深UI設計者

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          是什么讓你選擇進入設計行業?能否講講你的成長經歷?

          Steve Wolf:

          很幸運,在我的成長過程中,我的家庭非常支持我。我記得在5歲的時候就開始跟著父親一起畫畫,有時候我會讓他給我畫一些東西,然后我就跑開了,自己去畫它。我的父母都是音樂老師,所以音樂在我成長中對我的影響也很大。

          △ AFE

          大約在高中快結束的時候,我就決定做一名工業設計師。我自己設計汽車,于是我就在內布拉斯加大學卡尼爾分校學習藝術、CAD和素描課程。大二的時候,一個平面設計教授邀請我參加一個平面設計的資訊會議,當時我對平面設計還不太了解,參加這個會議改變了我的人生軌跡,這之后,我的職業愿望從一個工業設計師改為平面設計師。

          △ Bloody Mary Morning Poster

          2011年,大學畢業沒多久,我搬到了達拉斯,在一家 Panini America 的體育球星卡公司擔任設計師,開始了我的第一份工作,在這里,我為NFL,NBA,NHL和MLB設計了球星卡,并成為藝術總監。四年后,我想要做一些改變,所以和妻子搬到德克薩斯州的奧斯汀,在那里我在GSD&M(GSD&M是美國德克薩斯的一家廣告公司,成立于1971年,客戶包括美國空軍、西南航空、凱撒賭場及酒店集團等)廣告公司擔任高級設計師??爝M到今天,我和我的妻子目前經營自己的設計工作室 Steve Wolf Designs。

          △ working

          在成長中,增加了設計經驗,同時我也犯了很多錯誤。但作為設計師,重要的就是不斷的嘗試新的風格,看看什么最適合你。直到今天,我依舊在努力提高自己的技術,并在我的工作中嘗試新的風格,只有這樣,我才能夠一直保持進步。

          優設:

          以一個案例為例,能為我們講解一下設計過程么?

          Steve Wolf:

          Blueprint 是有史以來第一個全球性的學生運動員發展數字平臺/社區,集數字媒體、學習、資源、工具和指導的獨特融合!他們的使命是關注學生運動員的整體發展與健康。

          △ BluePrint

          在與客戶進行溝通時,首先要確保了解他們是誰,以及他們想要什么樣的效果。在這個階段中,應該從客戶那里獲得盡可能多的信息。我看到簡報中的主要訊息是:這個品牌的核心價值觀是社區化、指導性、自我發現與靈感。該品牌的視覺設計是為了吸引各年齡段的學生運動員,包括年輕和年長的。我擁有的信息越多,我就越有能力確保達到他們的期望并提供更有意義的工作。

          △ BluePrint

          △ BluePrint

          △ BluePrint

          在與客戶進行初步對話之后,我開始了情緒板階段:收集設計,顏色,類型和攝影樣本,以創建可以進行設計的可能方向。我向客戶提出了1-3個方向,這有助于我們所有人都能在風格上找到相同的頁面。一旦客戶批準了情緒板,我就開始研究階段。

          △ BluePrint

          在研究階段,我查找競爭對手的標識/品牌,以確保我知道目前使用的是什么。我總是想努力創造出一些在競爭中能夠脫穎而出的東西。我也研究別的設計實例,以幫助我獲得靈感。在研究階段,查看設計書籍、博客和 Pinterest 等內容可以起到作用。

          △ BluePrint

          研究完成后,我就會開始設計。根據項目和工作范圍,我通常會向客戶提供1-3種選擇。我們項目的大多數初始「草圖」通常直接在 Illustrator 中完成。初步設計探索完成后,我開始完善最終選項以呈現給客戶。并確保我不會進行無休止的修改。

          △ BluePrint

          一旦客戶確定了一個方向或者方案,我就開始改進,并準備最終設計方案。這個項目經過了幾次修改,但最終的結果是讓客戶滿意,這是每個人都為之自豪的事情。

          △ BluePrint

          △ BluePrint

          對比鮮明的色彩的搭配受到了體育產業的啟發,并且對希望加入這個社區的學生產生吸引力。 字母「B」的造型作為了 Logo 的標識,可以在整個品牌中使用全彩色或黑白色。

          優設:

          在你的設計中,客戶的想法起到什么作用?

          Steve Wolf:

          它在整個過程中占比較大的部分,當然也會影響最終的結果。每一天的結束,設計師的工作都應該是把客戶的想法變成現實。

          △ Degrees Of Perfect

          在Steve Wolf Designs,我們將重點放在與客戶直接合作以獲得最佳結果。通過與客戶的對話,收集有關他們的想法的更多信息并提供新的觀點,可以將他們的想法提升到一個新的水平,并使他們更強大。

          優設:

          您在設計過程中軟件操作與草圖部分是怎么操作的?

          Steve Wolf:

          我在整個作品中使用 Adobe Illustrator 最多。我發現它是我工作中最強大的工具,我喜歡用它工作。我也經常使用 Indesign 和 Photoshop。

          △ Herb Lester

          我不會直接在紙上涂鴉,而是直接打開 Ai 來繪制草稿,當然他們達到的目的是一樣的,一旦確定一些好的選項,我就會將這些選項進行細化,然后實現它們。

          優設:

          在進行不同語種的 logo設計,會有什么不同么?

          Steve Wolf:

          如果是其它語種,那肯定是一項挑戰,但它不應該成為設計的障礙。我的母語是英語,所以如果我的任務是設計一些使用中文字符的東西,首先我需要確切的圖像來表示字符需要的樣子,保持可讀性,這樣我才能設計出適當的 logo。

          △ Otto Cafe

          這一切都是為了清楚地傳達一些東西,所以找一些能講或者讀這種語言的人幫忙是很有好處的。

          優設:

          您的設計靈感一般來源于什么?

          Steve Wolf:

          我受到平面設計行業以外的一些啟發,比如烹飪、旅行和美術。我喜歡看烹飪節目和欣賞美食,這本身就是一種藝術形式。廚師準備食物和掌握工藝的方式能夠激發我,并應用在平面設計中。

          △ CAFE BAR

          每當我到不同的城市或國家旅行時,我總會感到神清氣爽并且有動力去創造一些東西。沉浸在不同的文化中,看到我從未見過的建筑和自然之類的東西,總能激發我內心的新想法。

          △ Nature Preservation Series

          最后,美術,特別是繪畫,一直在激勵著我。我在大學期間實際上專注于繪畫,所以它在我的創作中占有特殊的位置。在繪畫中創造的形式和顏色總是激發我嘗試新的東西。

          優設:

          你覺得優秀的 Logo 應該是什么樣的?

          Steve Wolf:

          好的 Logo 應該起到這樣的作用,它應易于閱讀并傳達客戶提供的行業或服務,它也應該是令人難忘和獨特的,以便它能夠脫穎而出,當然確保 Logo 適合其預期用途也很重要。

          △ Austin

          我嘗試將所有這些內容融入到我自己的工作中,并且在創作過程中,我會時不時的進行判斷和考量。

          優設:

          您的典型一天是怎樣的?

          Steve Wolf:

          我的一天從咖啡開始。這成為了我們每天上班的動力源泉。查看并回復電子郵件后,我開始處理工作項目。我的工作時間每天都有所不同,這取決于我的工作量或我需要在一天中完成的任務。有時候我工作得很晚,有時候我可能只需要工作幾個小時。只要我完成工作,我就會保持靈活性。

          △ working for BigCommerce

          我和我的妻子離開我們的家一起去工作,真的很有趣!

          優設:

          有什么建議可以給正在學習的設計師,您有推薦的書或網站么?

          Steve Wolf:

          我最喜歡的一些關于設計的書籍是 Alina Wheeler的《全品牌識別設計》(Designing Brand Identity),Robert Bringhurst的《印刷風格元素》(The Elements of Typographic Style),Josef Albers的《色彩互動》(Interaction of color)和Josef Müller-Brockmann的《平面設計中的網格系統》( Grid Systems in Graphic Design)。

          △ Pattern

          這些都是剛開始學習設計時值得閱讀的好書。 Skillshare 對于有興趣了解更多設計的設計師來說也是一個很好的工具。他們提供在線網絡視頻,其中包括教授各種知識和技巧的設計師。專注于學習設計過程的視頻會非常有用。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務。

          100部好電影,100組字體設計

          用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


          PS: 這些網頁設計作品截圖均來自@dailywebdesign的ins列表,所有作品并非在Dribbble獲取,所以沒有對應的作品集頁面鏈接。

          設計師們,來一起欣賞的網頁界面,從中獲得新的設計靈感吧!

          網頁界面設計

          Design by:@nomsedit

          看了上面這張圖,我想到一個同學的問題:

          我可能缺乏創意,發現你發布的每個設計看起來都差不多。 例如作品中的大型字體,是用什么字體?如何讓物體與字體穿插進去?

          小編建議你不要過于在乎這些,這些都是軟件使用操作,隨著你工作時間長,慢慢就會懂了,當然也可以看看一些 PS 相關教程啦,作為初入門的設計師,建議你看作品的表現手法、配色,版式等等,并增加自己的審美能力。

          網頁界面設計

          Design by:@outcrowdstudio

          網頁界面設計

          Design by:@rathniley

          網頁界面設計

          Design by: Robert Berki

          這個跑車網頁設計作品,布局排版都十分簡約,僅僅采用很簡單的宮格設計,但通過配色、字體層級、留白,便得整體感覺卻非常好,所以不一定要做很復雜的效果,學好排版技巧也能做出不錯的案例!

          網頁界面設計

          Design by: Nick Taylor

          網頁界面設計

          Design by:@vivekgetinstagram

          網頁界面設計

          Design by: Kate Laguta

          網頁界面設計

          Design by:@l_svl

          網頁界面設計

          Design by:@gilhuybrecht

          網頁界面設計

          Design by: Samuel Scalzo

          網頁界面設計

          Design by:@rathniley

          網頁界面設計

          Design by:@rob_robertson_design

          網頁界面設計

          Design by:@arendstom

          網頁界面設計

          Design by: Hippie Mao

          網頁界面設計

          Design by:@christvizcarra (PS:這張圖處理很贊?。?

          網頁界面設計

          Design by:@rrahian

          網頁界面設計

          Design by:@dennis.design

          網頁界面設計

          Design by:@brkrobert

          網頁界面設計

          Design by:@artlemonstudio

          網頁界面設計

          Design by:@vladimirbiondic

          網頁界面設計

          Design by: @bobchadesign

          網頁界面設計

          Design by: Nick Herasimenka

          網頁界面設計

          Design by: @bobchadesign

          網頁界面設計

          Design by: Jabel Ahmed

          網頁界面設計

          Design by:@dawidmlynarz (像這種簡約版式,再配合 CSS 動畫,效果就更不錯了)

          網頁界面設計

          Design by: Ali Sayed (小編提醒你,這種網頁,看似簡單,但內容質量非常重要,不要亂試?。?

          網頁界面設計

          Design by:@aleksandrkotelevets (黑白配色)

          網頁界面設計

          Design by:@im_abhishekp

          網頁界面設計

          Design by:@im_abhishekp

          網頁界面設計

          Design by: Samuel Scalzo (手機網頁)

          網頁界面設計

          Design by: Alexander Laguta

          網頁界面設計

          Design by:@im_abhishekp

          網頁界面設計

          Design by: Sarath

          網頁界面設計

          Design by:@outcrowdstudio

          網頁界面設計

          Design by:@realvjy

          網頁界面設計

          Design by:@konstantinzhuck (星巴克專題頁面設計)

          網頁界面設計

          Design by: Mike | Creative Minds (美食網站設計)

          網頁界面設計

          Design by:@rathniley

          網頁界面設計

          Design by:@im_abhishekp

          網頁界面設計

          Design by:@im_abhishekp

          網頁界面設計

          Design by:@outcrowdstudio

          網頁界面設計

          Design by: Cosmin Capitanu

          網頁界面設計

          Design by:@zainjin

          網頁界面設計

          Design by: Dragon Lee

          網頁界面設計

          Design by: Rafal Staromlynski

          網頁界面設計

          Design by:@trionndesign

          網頁界面設計

          Design by: @trionndesign

          網頁界面設計

          Design by:@hrvoja

          網頁界面設計

          Design by: @netflayo

          網頁界面設計

          Design by: @trionndesign

          網頁界面設計

          Design by: Dimest

          網頁界面設計

          Design by:@rtralrayhan

          網頁界面設計

          Design by: Rob Robertson

          網頁界面設計

          Design by: @sogaso

          網頁界面設計

          Design by: Nick Taylor

          網頁界面設計

          Design by: Nick Taylor

          網頁界面設計

          Design by: Nick Taylor

          網頁界面設計

          Design by: Nick Taylor

          網頁界面設計

          Design by: @luovastudio7

          網頁界面設計

          Design by: Ben Johnson

          網頁界面設計

          Design by: Nick Taylor

          若是網頁設計已經很多年,但還是沒什么進步的你,這樣的話你要注意了,除了自己工作,小編建議你看一些書籍,設計導航推薦的100本設計書籍,里面有技能書,有理論書,都需要看一下。

          今天的網頁界面已分享完畢,你喜歡這些作品嗎?歡迎在下文評論處留下你的建議。


           


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 

          《龍貓》公布中國版海報,設計師黃海12年作品全回顧!

          資深UI設計者

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          今年是宮崎駿電影《龍貓》上映的30周年,吉卜力工作室已經將電影原版膠片轉換成了高清數碼,進行了修復與重制,并將于12月14日在內地上映。

          近日,龍貓中國版終極海報公布,由我們熟悉的著名設計師黃海設計:

          小梅與小月在看似是稻田實則是龍貓毛茸茸的肚子上玩耍。

          設計師黃海大家想必已經不再陌生,被稱為「天才設計師」的他設計了包括《一代宗師》、《黃金時代》、《大魚海棠》、《我不是藥神》、《小偷家族》、《影》、《邪不壓正》等電影海報,收獲了外界的一致好評。

          一、初出茅廬

          黃海出身「廣告界的黃埔軍校」奧美,在這里他遇見了他的恩師——臺灣著名的文案大師劉繼武先生。

          在奧美的經歷為他打開了創意的大門,之后他加入了一家本土廣告公司擔任美術總監,2007年,一次偶然的機會接到姜文的電影《太陽照常升起》的海報設計任務。這是他第一次設計海報,卻在戛納電影節上一亮相就艷驚四座,從此聲名鵲起。

          △ 2007年《太陽照常升起》

          在此之后,黃海受到大量知名導演青睞,包括陳凱歌、姜文、馮小剛、馮德倫、徐克、王家衛、陳可辛等,在此期間也設計了相當一部分的早期優秀電影海報,例如《讓子彈飛》、《唐山大地震》、《太極》、《一代宗師》等等。

          他的設計逐漸成熟,風格也十分多變,唯一不變的是讓人驚嘆的創意和構圖。

          △ 2008年《梅蘭芳》

          △ 2009年《花木蘭》

          △ 2009年《白銀帝國》

          △ 2010年《讓子彈飛》

          △ 2012年《白鹿原》

          △ 2012年《太極》

          △ 2013年《一代宗師》

          △ 2013年《中國合伙人》

          二、走進大眾視野

          時間來到2014年,一組《黃金時代》的電影海報,黃海從設計界走到了一般群眾的視野中。

          這組極具東方色彩和現代美學的海報在微博、微信上被瘋狂轉發,似乎就是以這為契機,所有人記住了這位天才設計大師的名字——黃海。

          海報根據在不同上映國家的特點,制作的張張樣式都不一樣:

          △ 中國大陸

          △ 美國

          △ 日本

          △ 臺灣

          △ 韓國

          △ 香港

          相比于《黃金時代》,同為2014年的作品,《匆匆那年》和《黃飛鴻之英雄有夢》似乎就并不出名。

          三、優秀作品井噴

          2015年,有了之前《黃金時代》的出色表現,黃海更加引人矚目,從這一年開始,他的優秀作品呈井噴式地出現在大眾視野中。

          △ 2015年《尋龍訣》

          △ 2015年《山河故人》

          △ 2015年《道士下山》

          △ 2015年《念念》

          △ 2015年《捉妖記》

          2016年,國產電影《大魚海棠》崛起,而黃海和插畫師@sheep卍 共同合作為其設計的海報再次驚艷四座。

          跌落水中的椿,和大魚的一眼凝望,開啟了這場奇幻的故事。2016年7月8日,赴你十二年之約。

          △ 定檔海報

          當海洋與火焰相融,7月8日,我們終將重聚。

          △ 終極海報

          同年,中國中央電視臺出品的一部三集文物修復類紀錄片《我在故宮修文物》上映。

          海報分別以6件國寶級珍貴文物為背景,分別是:元代「剔紅水仙花紋圖盤」、明代「邊景昭 竹鶴圖軸」、清代「黑色綢繡菊花雙蝶圖竹柄團扇」、清晚期「掐絲琺瑯萬壽無疆中碗」、明代「自在觀音像」、宋代「汝窯天青釉弦紋三足樽」。

          當然這一年還有喜劇之王周星馳的大爆電影《美人魚》:

          黃海更是在這一年操刀第53屆金馬獎海報,他以楊德昌《牯嶺街少年殺人事件》為靈感,設計出男主角拿手電筒探照暗處的身影,除了向經典致敬,也帶出「回看來時,照亮前行」的期許。

          △ 2016年 第53屆金馬獎

          四、作品賞析

          時間推進到2018年,今年黃海更是收割了整年大半的優秀電影。而他的驚艷的設計風格也逐漸變得讓大眾看到海報的同時就能反應過來「這是黃海老師設計的吧」。

          △ 2018年《我不是藥神》

          △ 2018年《江湖兒女》

          △ 2018年《少年的你》

          △ 2018年《犬之島》

          △ 2018年《小偷家族》

          有人說,黃海把中國電影海報設計拉至了國際水平,他將藝術、靈魂和故事完美地結合在一起,他的魅力在于很多人僅僅因為他設計的海報而去看相關的電影。

          如今黃海設計的電影海報作品越來越多,我們不妨開始期待,他的下一份作品會帶來什么樣的驚喜。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務。

           

          網頁設計 & 靈感 ? 當扁平化UI轉擬物化設計后

          用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


          在設計領域,設計風格總是多變的,也有很多隨著流行趨勢而不斷變化,但是存在著N多的爭議。

          當扁平化UI轉擬物化設計后

          對于扁平化和擬物化,說白了,只是風格的不同,最終的設計目的是一樣的,但是,卻還是會有很多的朋友會糾結于是扁平還是擬物化設計,爭論是扁平好還是擬物好,怎么說呢,各有各的優點,各有各的不足,這是今天,我們要帶大家看的!

          當扁平化UI轉擬物化設計后

          Michael Fugoso,一位來自圣地亞哥,加利福尼亞的插畫家和設計師,帥小伙!

          他說,關于他自己,就各像其他人一樣,他喜歡旅行,他喜歡吃比薩和海鮮,他非常的重視家庭,家庭總是以他的第一位!他也喜歡分享,因為分享會讓別人的生活更容易,幫助別人成功,他覺得,這有助于他成為一個好的設計師。同時,他也喜歡自私地做自己想做的事情,因為他覺得,這有助于他成為一個好的藝術家。

          今天,帶大家看一組他的作品,在他的這些作品中,很好的反映了扁平與擬物的關系,扁平的背景,搭配上擬物的元素,其視覺效果非常棒,沖擊力十足,震撼性十足!

          扁平與擬物,數不清的恩怨情仇!道不盡的愛恨糾纏!

          這是一張扁平化的插畫!

          當扁平化UI轉擬物化設計后

          當它變成擬物后

          當扁平化UI轉擬物化設計后

          你覺得哪個的視覺沖擊力更強一些?

          我們接著看!

          這是一張扁平化作品!

          當扁平化UI轉擬物化設計后

          他開始在矢量程序上呈現

          當扁平化UI轉擬物化設計后

          開始色彩的調整與細節的完善

          當扁平化UI轉擬物化設計后

          最終的效果呈現

          當扁平化UI轉擬物化設計后

          這是一臺扁平化的車

          當扁平化UI轉擬物化設計后

          添加裝飾元素

          當扁平化UI轉擬物化設計后

          調整顏色后,得到一個扁平化的結果

          當扁平化UI轉擬物化設計后

          把車元素單獨提取出來

          當扁平化UI轉擬物化設計后

          在矢量程序上呈現

          當扁平化UI轉擬物化設計后

          上色,添加細節

          當扁平化UI轉擬物化設計后

          對細節的刻畫簡直不能再棒

          當扁平化UI轉擬物化設計后

          調整色調

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          最終的對比

          當扁平化UI轉擬物化設計后

          再往下看,你可能會被美哭

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          扁平與擬物的碰撞

          不一樣的花火

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          這些火箭,看得人熱血澎湃阿

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          當扁平化UI轉擬物化設計后

          看了感覺效果如何


           


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 

          跟蘇格蘭設計師學習如何設計.

          用心設計

           

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          蘇格蘭有了第一座設計博物館,你永遠不知道建筑和室內設計的邊與限在哪里,它只有用不完的靈感之泉,和看不盡的精彩設計。建筑位于蘇格蘭東北海岸線上的懸崖,地理位置不平凡,它如何能平凡呢?


          博物館外的材質是預制混凝土,它沿著起伏的混凝土墻延伸,像千萬年前的高山被慢慢風化,形成一種自然形狀,曾踏上高山環云游九天,曾在無數飄渺的歲月里看世間。當太陽經過的時候,奇妙的光影效果產生,它是建筑與自然的聯系。再看看室內的設計,大廳和樓梯的地板使用愛爾蘭藍石灰巖,數百萬年前的海洋動植物化石藏在其中,寓意室外那片水。白色混凝土則是像瀕臨滅絕的淡水珍珠蚌致敬,混凝土里有不少貝殼,二樓和畫廊內的地板材質選用產自歐洲的橡木,餐廳和野餐屋的地板和墻面材質是用的竹子,自然的聲音在這里每天奏響。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 

           

          日歷

          鏈接

          個人資料

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

          存檔

          亚洲va欧美va天堂v国产综合