顯示具有 平面設計 標籤的文章。 顯示所有文章
顯示具有 平面設計 標籤的文章。 顯示所有文章

2017年11月1日 星期三

單頁雜誌《TOKYOITER》

自1925年以來發行的文學雜誌“THE NEW YORKER”是一份美國知識、文藝類的綜合雜誌,內容覆蓋新聞報導、文藝評論、散文、漫畫、詩歌、小說,受到美國的許多讀者(以及世界各地的許多讀者)的喜愛!表現出複雜內容的封面設計也是最受歡迎的封面之一,可以看到美國畫家和漫畫藝術家的力量。



























2017年9月28日 星期四

第54屆金馬獎主視覺揭曉:王家衛親自挑出2版本的視覺海報



方序中 操刀的兩種版本54金馬主視覺

方序中:「對我來說,電影就像一場夢,而主視覺中出現的那個瀑布,就象徵著夢境。在創作時我將自我投射成主視覺中的人物,而瀑布代表著夢想的世界,兩者從小到大,建構出完整的電影感。」





與53屆海報對比,共同點是致敬了經典。
本年度致敬王家衛知名經典《春光乍洩》,下圖為春光乍洩劇照。



《春光乍洩 / HAPPY TOGETHER》(1996)


除了致敬《春光乍洩》,金馬執委會也刻意借用本片英文片名「Happy Together」之意,傳達「電影之樂,樂在一同」的概念。




爭議:
金馬主視覺爆「雷同」 設計者po文提出4點質疑:不對勁

參考資料:
1. https://williamtseng.com/2017/08/30/01-21/

2017年7月26日 星期三

Sydlexia 閱讀障礙宣導海報

閱讀障礙症(Dyslexia)是大腦綜合處理視覺訊息和聽覺訊息不能協調
而引起的一種閱讀和拼寫障礙。
像愛因斯坦、達文西、甘迺迪在兒童時期都被認為是成績極差的「笨孩子」,
但最後科學家發現他們並非智力低下,而是閱讀障礙症的典型例子。


這是一位患有讀寫障礙症的圖形設計師用流行字體 Helvetica 的基礎上設計
並命名為 Dyslexia 的字體,你能讀懂這段話的意思嗎?
先研究一下吧,文末再告訴你答案。

實際上他們閱讀起來,文字真的在旋轉跳躍不停歇。


為了讓更多人了解這個病症,同時也幫助患者改善讀寫能力,
位於澳洲雪梨的閱讀障礙矯正組織 Sydlexia 推出了一款摺紙海報,
既能拿來張貼用以科普和宣傳讀寫障礙症,又可以幫助患者通過折疊來認字。




雖然患有閱讀障礙的人思維方式略有不同,
但在視覺、觸覺等多方面的刺激下,他們更容易掌握閱讀。
這些海報一旦正確折疊,便會出現一個動物和它對應的名字,患者由此知道正確的單詞。




所有的海報在 Sydlexia 官網上都可以免費下載,
可以將這些海報印出來,網站也有提供視頻教你一步一步地折出這些小動物唷。



以下是第一張圖的內容

原文:

This typography is not designed to recreate what it would be like to read to read 
if you were dyslexic it is designed to simulate the feeling of reading with dyslexia 
by slowing the reading time of the viewer down to a speed of which someone 
who has dyslexia would read.

翻譯:

這種特殊排版,並不是為了讓你「讀」出讀寫障礙症患者的感覺,
相反,它被刻意設計成這樣是為了減慢閱讀時間,
讓人感同身受地體會讀寫障礙症患者的可能有的閱讀速度。

2017年7月12日 星期三

平面設計的留白技巧



留白具有此時無物勝有物的感覺,這就猶如中國的水墨畫,
留白運用於設計中,韻味也會出現。

留白除了能留出韻位得同時,畫面的空間感也得到了極大的增強,
留白越大,空間越廣闊。

如果想用留白的技巧來設計一個畫面,就要明白少就是多的到理,
元素越少,人的視覺注意就不會被其他無用的元素搶走。

留白的呼吸屬性可以想像成是周圍的空氣,
當空氣中的顆粒物(元素)特別多時,人的呼吸也會感到不透徹。




錯誤一 / 留白就是留出白色


留白最常見的錯誤就是認為是留出白色,
但留白的真正含義是留出空間,
背景可以是白色、黑色或是其他顏色,也可以是沒有過度裝飾的,
整體看起來是簡潔的風格。


錯誤二 / 留白能解決設計一切的問題

促銷設計

促銷設計通常是傳遞熱鬧與實惠的,
所以設計師能把這方面的氣質傳遞出來就可以了,
不一定要用留白來設計,
那樣效果會適得其反,變成錯誤的設計。

節日設計

節日會讓人有熱鬧、喜慶的感受,
而留白通常是安靜與高格調的氣質,
兩者如果要結合的話會有衝突。

氛圍烘托

留白的情感比較單調,只能傳遞出雅致、高端、文藝、輕鬆的氣質,
所以要烘托出其他氛圍的話留白的調性是做不到的。



為了說明留白的氣質以極度絕對留白的認識錯誤,
以下是從素材網站上找一些圖進行留白的修改。


原圖

這個設計稿有滿多明顯的錯誤,
最明顯的失誤在於文字的搭配稍顯混亂,對字形氣質的認知也有很大的錯誤。

留白修改後

用輕度留白的技巧對原稿稍加處理,雅致文意的感覺就出來了,
同時,最重要的產品表達清晰,觀者也會容易識別。


原圖

這是胡姬花的花生油廣告,
這廣告很清楚得把產品的歷史底蘊表現出來,很容易吸引到產品的目標群族。

留白修改後

用輕度留白的表現方法修改一下,產品的確清晰明確,但歷史的底運完全消失了,
所以這是一個不折不扣的失敗表現,這也證明留白的表現方式絕對不是萬能的。



重度留白傳遞的不是產品,而是概念、氣質、態度,
這種表現方式適合用於封面、網站歡迎頁、網路商店的主頁Banner等。


除非是像"無印良品"這種屬性鮮明的品牌,
否則請謹慎運用這種重度留白的方法。



輕度留白其實就是我們最常見的留白設計風格,
從風格上能傳遞出雅致、高端、文藝等氣質,同時又能把事情說得很直接,
所以掌握輕度留白的方法對設計的工作效率是非常有幫助的,
他可以讓畫面既簡潔又實用。


輕度留白的實用小技巧
把畫面分成三層,第一層是圖像層,第二層是文字層、第三層是背景層。

用修改案例來敘述這個技巧
(注:所找案例均來自網路,僅用於說明設計理論,絕無不尊重原設計之意。)


問題分析

步驟一:背景層要求色彩簡單,無裝飾或弱裝飾
輕度留白技巧中的色彩簡單,可以理解成最多部超過三種色相。


以上方的案例做說明,
背景層無裝飾是指畫面的背景是單純的圖像或色彩,沒有任何裝飾元素;
背景層弱裝飾是指畫面的背景的裝飾元素沒有對主體以及文字造成影響,
背景層的弱裝飾感覺近乎等同於無裝飾。


步驟二:圖像層要求主體清晰直觀
主體的圖像可以是任何的表現形式,可以是創意的圖像,
但前提一定要求表現準確,不能產生混淆感。


步驟三:文字層最多兩種字體,組合清晰簡單
下方是原圖的文字組合與修改後的文字組合的對比

原圖的字形都是黑體字,粗細對比很清晰,這是做得比較好的地方,
但是用了過多的斜線與三角的點狀結構,從視覺上有亂的感覺,
其實文字的組合,即使是一種字體,善於運用大小與粗細的對比也能做得很美觀,
不用過多的做一些刻意的設計,設計的落腳點始終是傳播。

修改完


輕度留白與重度留白最大的不同在於:
輕度留白融合了重度留白的優勢並且不受品牌屬性影響,
幾乎任何品牌都可以用這種技巧來表現,
而對於新人設計師來說,掌握輕度留白的技巧可以擺脫被素材綁架的情況。

2017年5月11日 星期四

史詩級平面設計的26條要訣

平面設計的應用相當廣泛,在 FaceBook、Twitter 這類社群媒體、職場報告或設計邀請函等等;面對這些情況,平面設計的技巧一定能夠對本身非設計師們的朋友們相當大的幫助。

字體如何選擇、搭配佈局規格、留白的運用等等,透過這26條史詩級設計要訣,幫助你渡過不必要的麻煩!


1. 管好你要用的字體們










選擇簡單而易讀性較高的字體,且儘可能地使用統一的字體組合,閱讀起來也會相對協調。



2.勇敢地放大它












適時強調你要的內容,將字體、形狀等元件放大或運用些色彩做搭配,讓這些內容看起來會更加醒目。



3. 妥善調配字元間距












字與字之間的空間、文字的對齊或者排版時,都需要做視整體來做調整。間距的縮放依然要顧慮到文字的閱讀性;避免太過擁擠或太過分離。



4. 憑著敏銳度選用顏色













配色上可以有一至三種的主色方案、另外一至三種的次要顏色方案;選取同一色系的不同色調,相較起來具有一致性。色調的明亮差異會為配色帶來對比效果,精緻的文字可以用深色背景還襯托;提高清晰度、閱讀性。



5. 整潔、爽朗、清晰













透過調整背景圖片與文字內容之間的明亮對比度讓設計更清晰、可讀性提升。通常而言,利用純黑或純白的文字都能立即呈現出效果。



6. 字體也富有感情













選字體就像選你要唱的歌一樣;字體與內容有一體的曲調風格。字體有圓潤邊角會讓視覺更親切一些,有稜有角看起來鏗鏘有力,襯線字體則感覺精緻優雅。



7. 利用對齊營造秩序













對齊與對稱都能讓設計作品產生秩序的氛圍;相對來說,對齊可運用範疇更為廣泛。



8. 保持簡單













保持簡單,但也別忽略最基本的設計原則。字體對比配色的選用、字型大小可讀性與否,用穩固而平衡的排版做為架構。



9. 神奇的多頁面文件













為了讓多個頁面文件風格一致性,最快速的方法就是利用複製,再進行文字更改、替換圖片。妥善地運用線條點綴,保持樣式的一致性。



10.創新與原創













如同研究,平面設計的技巧和思考一樣都需要創新與原創。你未必要和普羅大眾都用一樣的字體與樣式;避免潮流並走出自己的風格,為自己的設計更上一層。



11.以層次排列內容













將內容和訊息排列層次化是視覺設計最重要的一個環節,調整你的內容元件色彩、比例,可觀察到它在整體視覺裡很重要性的變化。



12.活用對稱效果













利用水平、垂直線和其他設計元件對稱,是許多傑出設計作品充分運用的一種技巧。運用時,要記住對稱雙方在視覺的厚度能夠一致、保持均衡。



13.偶爾,讓雙眼放鬆一下













休息是為了走更長遠的路;適當的放鬆能讓你提振能量、恢復效率、激發靈感。偶爾離開電腦螢幕,去散散步、看看風景也好。



14.採用同一家族的字體













要讓文字排版更整體一致,最好的辦法就是找到一組高矮胖瘦、粗斜體字型都包含其中的字體,這樣一定能夠一致性,又具多樣性。



15.巧妙的留白













留白的設計會賦予各個元件足夠呼吸的空間,給使用者想像的空間。它讓內容更加集中、易讀,也不會因為凌亂造成分心。



16.三思而後行













在著手設計之前,先確定你對所有細節與需求全盤了解。學習、閱讀、調查、找資料;素材的搜集讓你掌握足夠一定的事實和內容,而調查則會確保這項設計是經過思量之後的結果。



17.創造情緒板(資料庫)













用一個簡單容易的情緒板(資料庫),將圖片、色板和其它作品集中起來。這樣可以方便你尋找靈感,找到共同的特點、主題、調色盤,最後應用到設計當中。



18.仿效與創造













借助搜尋和條件篩選找到符合你需求的作品、風格或樣式,在仿效和創造當中勾勒出自己的作品。



19.關心時事













不論你職場或工作如何,都要對周遭所聞保持關注。從社群媒體了解新聞時事,對時下動態擁有最新資訊一定會對你有所助益。



20.想法無疆界













往往最有創意的人都是擅於跳脫思考的。別讓現在隨處可見的符號桎梏了設計,直覺地設計或許更能表達你不同凡響的想法。



21.關鍵在於對比













對比所製造的效果往往是作品脫穎而出的重點要素。用濾鏡來調整圖片對比,用黑白來呈現圖片細節,用大小來呈現比例差異等等。



22.點亮你的作品













創造戲劇性的衝突美感,代表不同情緒的色彩融入設計當中,使設計耳目一新。



23.隨身帶著筆記本













不論你坐在火車、正在執勤或要準備上床睡覺了,靈感可能在這一秒忽然乍現;所以隨時做好準備很重要。保持帶著筆記本的習慣,隨時都能迎靈感光臨的那一刻。在筆記本上草圖記錄當下想法,為之後可能成為新的設計藍圖做好準備。



24.失敗為成功之母













「人誰無過,過而能改,善莫大焉。」從錯誤中記取經驗,是學習並成長的重要過程;走過無止境的嘗試與錯敗之路,才能將你的設計推向極致。



25.別讓圖片赤裸裸

















這裡不是指圖片本身的內容,而是關於圖片的排版;別赤裸裸地將圖片直接擺在那裡。把圖片們適當用框架或格線使之對齊,會讓整體設計更顯專業。



26.最後,技巧在精而不在多













排列分明有層次、文字清晰也可讀、對比留白活運用,所有技巧用得好,也要用得正確;給予設計足夠的呼吸空間,才是精華。