<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>

          首頁

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

          用心設計

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

           

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

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

          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的?

          濤濤

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

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

          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年作品全回顧!

          濤濤

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

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

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

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

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

          一、初出茅廬

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

          在奧美的經歷為他打開了創意的大門,之后他加入了一家本土廣告公司擔任美術總監,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界面設計 、 包裝設計 

           

          創意桌報收集

          用心設計

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


          好看的鎖骨千篇一律,

          有趣的肚腩duang來duang去。

           

          11月22日,

          那一天,是西方的感恩節,

          那一天,也是中國的小雪。

          歪果仁感恩上帝的厚德與恩賜,

          我只想感謝我身上的秋膘…

          它,比秋褲更便利;

          它,比暖寶更親膩;

          它,比集體供暖更懂你;

          它,比炭盆燒炕來的更容易。

           

          感謝久坐,感謝外賣,感謝秋膘,

          讓盡情放浪在暖冬的我,肥而不膩。



          創意周報 – 2018年11月第3周


          一周熱銷圖片TOP5


          NO.5 圖片ID:678491803(點擊查看圖片)



          感恩節將近。

          這張垂直視角的感恩節餐桌照片中,

          果蔬與肉類食物顏色搭配鮮艷,

          木質桌面紋路不搶眼。

          很適合作為網頁大圖、banner、

          移動端開屏背景和海報背景等用途使用。



          NO.4 圖片ID:735764617(點擊查看圖片)



          在國內絕大多數人更熟識雙十一,

          但“黑色星期五”才是世界范圍內的購物狂歡節。

          在國內的權重雖然不及雙十一,

          但是黑五的影響力依舊不可小覷。



          NO.3 圖片ID:1076345054(點擊查看圖片)



          這張智能場景矢量圖在8月時曾經上榜一次。

          可愛、生動的形象和冷靜、嚴謹的冷色調是讓這張圖片

          從眾多固有風格的科技主題畫面中脫穎而出的重要原因。



          NO.2 圖片ID:1071512777(點擊查看圖片)



          這張3D霓虹場景利用簡單的幾何結構搭建亮部背景,

          前景空間的留白倒影也為畫面增加了立體感和質感。

          是一張通用型很強的背景圖。



          NO.1 圖片ID:1092261245(點擊查看圖片)



          經典的紅、金配色,剪紙風格設計。

          中國傳統的窗框輪廓,左右對稱的排版。

          可見該作者對于傳統題材的理解和用心。




          一周熱銷題材TOP5



          NO.5 健身(點擊查看該題材)



          進入秋冬之后,健身題材屢次上榜。

          除了有氧運動的內容以外,力量訓練內容增加明顯。

          不論男女對身體線條的追求越來越以歐美為目標。



          NO.4 城市(點擊查看該題材)



          從后臺數據來看城市題材攝影畫面在上周的熱銷,

          主要是互聯網公司的采購為主。

          在互聯網企業不斷發展的過程中,

          以城市為核心、為載體的成長方式需要更多的城市影像

          來傳遞各類品牌理念、產品訴求等信息。



          NO.3 圣誕(點擊查看該題材)



          圣誕題材毫無懸念入榜,

          小編目測未來幾周內圣誕題材會一直榜上有名。

          圣誕裝飾主題的照片在上周比較搶眼。



          NO.2 科技(點擊查看該題材)



          本次熱銷的科技題材中,以太空科技畫面為主。

          太空技術不但是各國國力競爭的重點項目,

          也承載了人類不斷探索和追求超越的夢想。



          NO.1 金融(點擊查看該題材)



          雙十一之后,人們結束了購物狂歡。

          把視線集中在了各種銷售行為背后的商業邏輯上。

          中產階級也更關心各種商業頂層的內容。

          金融題材內容作為嚴肅話題一直處在討論熱點。




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

          1868-1988年,復古設計的黃金年代是什么樣的?

          濤濤

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

          文化時光機 1868-1988,以復古文化為概念,與大家分享一些系列的老式設計、品牌

          編輯丨姚澤斌

          校對丨BranD編輯部



          不知道從什么時候開始,有了“復古風”這一說法,到處可以發現復古的衣服、家具、產品、建筑,很多舊的風格已經重新流行起來了。


          BranD No.40期:文化時光機 1868-1988,以復古文化為概念,與大家分享一些系列的老式設計、品牌,為此我們提了三個問題來講述這一期:




          為什么要選用相機作為封面?


          選用了一款復古相機作為BranD No.40期的封面,主要是因為我們覺得相機是極具代表性的一款能夠記錄時光的媒介,這一期的主題:文化時光機 1868-1988,因為一款復古相機本身具備著悠長的歷史之余,它還承載著歷史的變遷、人文的變化以及文明的發展。



          為了繼續從封面上擴散復古理念,利用照相機來提高整個封面的互動性和趣味性,設計師以“拍立得”為設計靈感,在已經設計好的封面基礎上,做出了一些大膽的嘗試。


          最終成型的BranD No.40期的封面是這樣的,遠看只是一款復古的拍立得相機,但是當你接觸到封面時,你會發現在相機底部是可以隨意抽取出一張老照片來。


          ps:每一本只贈送一張復古老相片。




          這一期用什么內容記錄舊時光?


          或許是因為流行本身就是一個循環的過程,一些復古的潮流,很容易在沉寂了多年以后,又會開始流行起來,又或許人們本身就是很迷戀過去的美好。


          有時候真的會捫心自問,為了迎合市場而進行的“偽”復古是否值得我們去推崇,這個問題我們先不必去討論。



          與其強行模仿復古的設計風格,不如跟隨本期BranD新刊:文化時光機 1868-1988,去認識一下那些記錄舊時光的美好物品。來看一下那時候的設計,到底值不值得讓我們去把它再次流行起來。本期一共分為六大專題來記錄那份美好的舊時光,那些經典的設計、古老的品牌,讓您停留在每一個瞬間:



          奇跡 ? 漫威


          “復仇者聯盟”這個英雄系列第一次出現是在1963年的漫威漫畫《復仇者聯盟》當中,于1961年正式定名為Marvel。


          這一部分將記錄著那些描繪英雄的藝術家,他們用色彩和線條構建了故事的靈魂。試著翻開來自數十年前的漫畫,感受角色最原始的模樣、最自然的色彩,這或許也是現代人除了看電影以外最美妙的生活方式之一。




          永不褪色的復古美


          可以毫不夸張地說,復古是種永不過時的格調,每一個年代的人們都有追溯往昔的情懷,復古設計也因為能勾起人們的這種情懷而受到青睞。因此,現代設計師喜歡在設計中融入復古的元素。


          插畫、紙牌、海報、票據、傳單、菜單、食品或產品包裝、玩具、室內外設計,各種媒介都可以成為復古元素的載體,延續甚至更生復古風格永不褪色的魅力。




          重塑品牌傳統


          臺灣本土有很多知名傳統品牌,這些人們耳熟能詳的品牌承載了傳統的物產與豐富的文化記憶。美可特品牌企劃設計(美可特)為不少傳統品牌重塑了適應社會發展的品牌形象。


          在書中美可特與讀者分享的包裝設計案例以不落俗套的現代設計手法,彰顯出臺灣在地新、舊品牌的文化內涵,燃起了人們對臺灣設計的期待與信心。



          永恒的文化


          這里涉及到了一個菜譜文化,將會給大家展示一些歷史悠久,珍貴又罕見的菜譜,早期的菜譜專供廚師使用,專業性較強,但隨著人們對飲食的要求越來越高,而其中一些實用與美觀兼具的書籍排版更是吸引了設計師和菜譜收藏家的注意。




          邂逅舊時光


          文具,作為舊時光的代表物品之一。幾乎是從識字開始就一直伴隨著我們,蠟筆、橡皮擦、訂書機等,直觀且鮮明地反映出時代的經濟與文化。由于二戰的爆發,《文具界》也發生了新變化,風格由鮮明變得內斂,顏色方面也變得相當獨特。舊文具背后所蘊含的意義或許可以小到顯示用戶的習慣,也可能大到反映出當時的時代背景。




          上海復古插畫


          2018年1月份中國上海徐匯藝術館與上海風景工作室再度攜手策展 “百年上海圖畫”, 期待通過這次展覽能帶給觀者對城市視覺文化的回憶、思考及美育的體驗,并由此引來對城市社會史、生活史的多方位的關注和研究。


          展覽一共展出100件與20世紀上海有關的印刷實物:書報、雜志、樣本等,及30張海報。同時展出70件繪有插圖的日常生活用品實物,作品在時代功能映照之下的美感交織呈現了20世紀上海插畫藝術的圖像簡史。






          字體有沒有復古這一說法?


          從過去到現在BranD雜志談論最多的應該是字體設計了,隨著字體設計意識的提升,熱愛字體設計的人越來越多,討論的話題越來越有深度,越來越有趣味。


          平野甲賀老先生的作品是極具有歷史的代表性,每當看到老先生的字體作品的時候,明明就是一副靜態的作品,卻在那一刻感受到了它的溫度。在我看來,字體是沒有復古與不復古這一說法的,但是為什么我們卻想要把平野老先生的作品放在這一期復古主題里面呢?


          因為我們覺得一種字體的出現正好是代表著一個年代、一段歷史的誕生。恰好復古是一個大概念的說法,每個人追求的復古潮流都是一段歷史、一個年代的文化縮影。而平野甲賀的字體家族正好符合這樣的“復古特性。”



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

          我用了這4個小技巧,就輕松選出基礎色!

          濤濤

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

          設計行業,無時無刻不在和色彩打交道。配色問題一直是設計圈恒久不變的熱門話題,網絡上關于配色的知識多如牛毛,看的時候都很懂,但是一旦自己獨立做項目時就又原形畢露。究竟應該如何去理解配色呢?所謂的配色「配」在整個環節中真的是放在第一位的嗎?本期內容通過不同層面分析配色中最易被忽略的,即:色,從哪里來的問題,同時也是最重要的一步。

          一、配色常見的誤區

          很多人之所以怕配色,或者說配不好色的原因是自己一直深處誤區中而渾然不知,接下來希望大家不要對號入座。

          誤區一:配色的過程在整體之前。也就是常說的先配色,后設計。

          誤區二:只會配不會選。這是最常見的一種,只會在有基礎色或者主色的前提下配色,而不懂得選一個符合整體的基礎色遠比配色更重要。

          誤區三:被理論所局限。配色的過程是偏感性的,理論雖然沒錯,但是它只是輔助提供一種方向的,而不是完全要依靠理論去配色。

          接下來就繼續今天的主題:色,從哪里來?也就是基礎色應該怎么選?

          二、顏色來源 —— 主體

          在設計中,主體也就是畫面中最重要的部分,它可以是產品、模特、抽象圖形等等,基礎色來源最常用的方式就是在主體身上提取,可以是主體中比重較大的顏色,這樣有利于主色與主體形成更強烈的呼應關系,也可以是比重相比較小的顏色,這樣在形成呼應關系的同時,拓展性更強,下面舉個例子:

          假如我們在這個人物的基礎上去選背景的基礎色,我們就可以用到這里說到的理論:基礎色來源于主體,那么我們可以有哪幾種選色的形式呢?下面我們繼續看:

          配色形式一:將主體整體比例最大的顏色作為主色,整體在色彩上與主體形成很強烈的呼應關系,這樣做的目的在于整體很和諧、舒服,易于接受,畫面更統一,整體視覺沖擊力偏柔軟一些。下面看另外一種形式:

          配色形式二:將主體整體比例較小的顏色作為主色,同樣整體在色彩上也與主體形成了一定的呼應關系,而正是因為主色是主體比重較小的顏色,這也使得畫面整體在于主體形成呼應關系的前提下,也拉開了主體與背景的層次,整體視覺沖擊力增強,畫面統一性減弱,整體性并沒有因為主色的改變而降低。下面嘗試將文字的顏色也稍加改動:

          不難發現,無論上面哪種主色的形式,配黃色字都很融合,且都增強了視覺沖擊力。其原因在于畫面整體顏色與主體都形成了呼應關系,使得配色不會給用戶一種很突兀、毫無依據的感覺。而這種形式的選色在工作中也是用到最多的,比如:

          其實,這種通過提取主體色作為配色參考的形式在接受程度上是很高的,通過搭配一些點綴色,整體上也不會給人一種很單調的視覺感受;利用主體選色的配色方式是將原本有可能茫無頭緒、感性的配色工作,轉化為一種可以有所依據、有所參考的配色技法,同時也能提升一定的工作效率。再舉個例子:

          三款牙刷,三種不同的主色方案,但是每一個給人的感覺都很舒服、和諧,呼應明確,這就是提取主體色方式的好處。

          三、顏色來源 —— 風格

          不管是做海報還是頁面,在最初都要確定一個風格路線,然后圍繞確定好的風格選材、選色、搭配主體等。那么很多情況下,確定風格也就等于間接性的確定了一個選色的區間,所以結合風格特征選色也是一種很實用的方式,比如我們要做「狂暑季」風格的專題頁,那么在用色方面就要避免大面積暖色調用色,而要著重使用冷色調的顏色,目的很簡單:大面積的暖色會給人一種熱鬧、狂熱、張揚、溫馨的感受,和暑季需要清爽、降溫的感覺不相匹配,所以我們會盡可能采用主色冷色調的用色形式,搭配一些輔助色、點綴色,比如:

          這些都是依據風格最直觀的選色形式,這樣做的目的是將整體用色盡可能的貼合主題風格,同時再結合主體選色的形式,將配色的過程盡可能做到有據可循。風格選色的形式在日常工作中也是很實用的,比如:促銷,我們會用紅色、藍紫色、黃色的用色形式;春節,則是以紅、黃為主;七夕,多以紫色、紅色為主;暑期購,多以藍色、青色、綠色為主。比如:

          這些海報的配色形式很大程度上是依據風格來決定的,這樣的選色方式也不會顯得很突兀,且擴展性相對更高。

          四、顏色來源 —— 文案

          做設計目的是服務于商業,很多時候我們都要圍繞文案、產品去制定風格、主題,所以選色同樣可以參考文案,從文案中提取關鍵詞,依據關鍵詞同樣也可以提取相對應的顏色,比如:

          文案在一個畫面中的重要性也是很高的,因為用戶在不看文案的前提下理解設計畫面速度是相對緩慢的,所以文案結合畫面的方式能夠大大的提升用戶對整體的理解速度,也就是捕捉信息的速度,將文案與畫面很好的結合在一起也是設計師所必備的技能,這樣做的目的在于讓文案與畫面形成視覺上的呼應,也更利于視覺信息的傳遞。

          五、來源 —— 主體反色

          前面說的大多都是通過顏色找整體的呼應關系,這樣做的目的是讓畫面整體更和諧、整體性更強。而還有一種選色的形式,即以主體顏色的反色作為主色調,也可以理解為:主體比重較大顏色的對比色或間隔色作為主色。比如:

          將主色和主體色通過對比色或間隔色的關系拉開對比,目的是讓主體在整個畫面中的視覺形象更加鮮明,視覺感受更加強烈,但是要注意的是:在選反色時,盡量選用主體色中比重較大顏色的反色,這樣才能起到強烈對比的效果。

          再說下點綴色,點綴色的作用很大程度上是豐富畫面整體色感的,它的用色比例只占畫面整體的5%~10%左右,點綴色的選色很多時候是畫面主色的反色,目的是讓畫面整體色感不顯得單調、缺少變化,同時也有豐富畫面的作用,但是要注意不要大面積的使用,起到點綴、打破的作用即可。

          總結

          總的來說,其實配圖的過程就是在配色,當一個畫面的主體、風格、文案確定時,我們就可以依據這些進行選整體色,只有主色確定時才有必要進行下面配色的工作,而不是把配色放在所有工作之前。今天主要說的就是選色的幾種常用方式,選色的過程其實也是在配色,配色合不合理要看整體效果,設計的整體感也是很重要的,凡事要做到有所依據。最后還是那句話,配色是感性的,理論是提供思路和方向的,兩者相互結合才能把配色做的更出彩。

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

           

          日歷

          鏈接

          個人資料

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

          存檔

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