2015年10月8日

-字與圖的解構學-講座心得

瑞士設計-字與圖的解構學-感想



1.介紹

Michael Renner 教授出生於 1961 年,1986 畢業於巴賽爾設計學院的平面設計系後,馬上經歷了第一次的數位化洗禮,進入了加州的蘋果電腦公司工作。目前是瑞士巴塞爾設計學院視覺傳達系主任 。



在剛開始他就使用了CODE去演算一些圖像,因為CODE可以創造出一些人類無法創造的抽象視覺


EX: https://www.youtube.com/watch?v=30yGOxJJ2PQ






因此他覺得抽象的視覺比起具象的事物可以突破我們的想像!





2.eikone 腦補




eikone是一個組織,他們致力於研究人類腦補的行為,教授因為對抽象事物的興趣加入了這個組織。瑞士設計組織 «eikones» ,致力於研究各種標誌、圖形的表現形式。




因為抽象留給人更多的可能,殘缺的表像會因為每個人不同的判斷產生不同的具象,所以這樣的應用會比一個直接的視覺傳達意象更富有趣味性,還有話題和討論性。

透過一些實驗,給予局部的亂塗鴉,卻會因為每個不同的人自我的認知產生完全不一樣的圖像。




3.應用


視覺傳達訊息可以使用一段文字,一段影片,一張圖,
但效率最好的是圖片和文字結合,
影片也許可以,但影片需要時間和長度。

所以應用之前的腦補現象,可以讓視覺傳達更為直覺,文字輔助圖像,圖像輔助文字




利用腦補的特性可以讓很多東西隱晦在設計之中,創造更多可能的視覺衝擊效應。

因此設計可以著重在怎麼把文字和圖像互相輔助來達到最好的傳達效率


2014年3月12日

2013年12月18日

GUI練習之八



構想的出發點是聖鬥士星矢,就是滿滿的黃金色,然後古典希臘風這樣,稍微修飾一下應該還算適合。

2013年11月26日

GUI練習之七


因為進擊的巨人很紅,所以想說來玩一下,讓風格偏向那邊,就是舊舊破碎的感覺這樣。

2013年11月18日

GUI練習之六



WIN8和LUMIA隨之成為風潮的metro style,不過之後IOS也改成Flat UI走扁平化,我想微軟這回合算是贏了吧? 
實際自己做起來,感覺很混,但是真正能感受到如果是一個成熟的flat UI設計,1px的講究肯定是相當的必要 ,雖然簡單但是細節就會非常的重要。

2013年11月13日

GUI練習之五




這次分享的是歐洲奇幻風格,我想很多遊戲什麼的應該都是會弄成這樣吧,
所以會有點眼熟。

2013年11月5日

ACER事件轉型觀察

最近ACER因為虧損,讓施振榮先生出面發表公開信,在眾多討論串之後我發現有人提出,ACER的網頁做的不好的一個說法,於是我截了兩個官網首頁的圖,讓兩方有個對照。
之所以要對照是因為,ACER的產品也很多,APPLE只多了IPOD隨身音樂播放器,我想他們定位應該稍稍雷同,DELL就是商用產品。



視覺的感覺是非常重要的,尤其是網站的首頁一打開,能讓大家知道你在賣什麼,以及公司的定位。
其實美感的話,我覺得ACER做的也不差,兩者比較之下,一個感覺像是來到商店,一個像是IT產業的電腦公司,ACER所要主打的群眾我想是多了一點,又是商用又是企業解決方案,
還有消費性產品,不過網站就像以前我再幫資訊業者做企業形象網站一樣,但是他好像又想賣東西(?)
APPLE我覺得,感覺和來到ZARA差不多,就是購物網站,兩者都是電子產品,所以當初規劃的方向就很重要。也許單一個網站不能說明ACER造成這樣局面的原因,但從網頁規畫,我個人是覺得看的出公司內部狀況的端倪。
以上為個人拙見,我經驗也不多啦,應該沒什麼說服力...


2013年10月29日

2013年10月21日

GUI練習之三


科技時尚感的設計已經是流行趨勢,就是蘋果帶起來的風潮,整體會比較灰之類的,所以就跟著試做看看吧。

2013年10月17日

某允的FIRE.APP之路(3)SASS的引入

SASS有很多小撇步,像是include 巢狀等等。
我比較常用的是@mixin,你可以自訂一些常用的CSS屬性設成函式,下次就可以直接套公式使用不用在那邊複製貼上,可以有效的減少行數!!

通常我會像這樣整理起來....



要用就可以直接用"+POS(1213px,12313px),這樣使用,這一份文件再製作網頁就給他常駐下去。
後來我發現SASS可以在檔案命名時,前面加一個"_",再把他@import進來,他就會根據你有引入哪些@mixin才進行編譯,真是更懶人,這有點像是自動翻譯吧XD

所以資料夾可以這樣


只要在檔名前面加"_",就不會馬上被邊譯成 .CSS檔,所以有人說這樣可以方便管理樣式表,
之後你只要在主要的SASS檔中引入就好,像下面這樣:


我引入了COMPASS以後順便還有自訂的animate和skill,如此一來我就可以使用這兩個文件裡自訂的@mixin,是不是又可以更有效率的工作呢?