【typography】洋蔥設計告訴你 2
上一堂課老師有出作業,明明就沒什麼人交作業,卻幾乎用了2/3的時間在講評!?所以,本堂筆記不多。
視覺心理:吸引目光的是黑的,大面積的。
所以,視覺上的線越少越好,文字盡量齊底線。
(因為有些同學的作業文字排列很隨興,會有一兩句漂浮在空中,造成視覺動線混亂)
文字作業的主要訴求是,在沒有圖可用的情況下,用文字大小粗細變化去思考排版。
在處理大量文字的同時是資訊結構的思考。
資訊結構的範例:倫敦地鐵地圖 (從混亂到資訊清楚易閱讀)
處理大量文字資訊: 少量的文字顏色,運用大小對比+文字齊左齊右,以利閱讀
大量文字資訊處理範例:RESUME (履歷表) – 越往下的是我覺得排不好的範例
我沒交的作業
視覺心理:吸引目光的是黑的,大面積的。
所以,視覺上的線越少越好,文字盡量齊底線。
(因為有些同學的作業文字排列很隨興,會有一兩句漂浮在空中,造成視覺動線混亂)
文字作業的主要訴求是,在沒有圖可用的情況下,用文字大小粗細變化去思考排版。
在處理大量文字的同時是資訊結構的思考。
資訊結構的範例:倫敦地鐵地圖 (從混亂到資訊清楚易閱讀)
大量文字資訊處理範例:RESUME (履歷表) – 越往下的是我覺得排不好的範例
【typography】洋蔥設計告訴你 1
維多利亞裝飾性文字的運用
http://www.oniondesign.com.tw/demo/olilyecard/2007/
Art of type setting
Typography Motion 用文字的字形大小粗細來表現情緒張力
http://www.youtube.com/watch?v=QX7N58df0j0&feature=related
讓使用者在最短時間內,最舒服狀態下,快速清楚地得到所需要的資訊。
Homework project No.2 this week downloads:
Adobe illustrator version:
http://www.oniondesign.com.tw/workshop/artshow.ai.zip
simple text version:
http://www.oniondesign.com.tw/workshop/artshow.txt
請在25x25的空間中Design,只能用typography elements.文字元素!
不要用圖形or photographic element.....
不用解讀作品or藝術家!只玩type!
參考:
http://www.blanka.co.uk/Design/50_Exhibition
http://www.typographicposters.com/
字體大小變化
字體/字型變化
粗細 (字體重量)
大小寫
調整個別、整體字距
齊左 / 齊右 / 對中 / 左右齊行 ...格式
行距調整
底線調整
結構 (欄位 / 格線) 對齊
縮排與定位
反白反黑
符號元素
線條、色塊
字體變形
留白!!!!!
Don’t do the following:
Don’t USE :
案例分析:30雜誌
雜誌消費群為35~45歲女性居多。為擴大消費族群為25~45歲之間所進行的封面改版。
舊版:30兩字設計複雜又加上陰影效果,紫色塊為底。整體感老氣。
新版:封面用色以2色為主,字體用粗細變化劃分重點。
參考連結:
字形相關資料連結大百科
http://www.oniondesign.com.tw/typography.php
課堂上有出現的連結:
http://www.typeisbeautiful.com/
http://emptype.blogspot.com/search/label/Typography
傳統鉛字印刷 (質感超讚)
http://emptype.blogspot.com/search/label/Typography (美)
http://www.beastpieces.com/ (英)
http://www.vimeo.com/699250 (影片)
「每個人都能分辨。只要看到,就知道其中差異。」
影片背後出現這樣一個聲音,說話的是螢火蟲印刷(Firefly Press)的負責人John Kristensen。他一面動手調整印刷機,一面對著鏡頭介紹凸版印刷。他淡淡地說明各種印刷方式之間的差異,用詞謙遜,絕不說出「誰優誰劣」,但是從說話的音調裡,我們可以聽到他身為凸版印刷專家的驕傲。
「凸版印刷深深地咬進紙裡,它能產生一種三度空間的品質,這是與其他印刷術不同之處。」
說話的同時,一件件成品從活版印刷機裡頭吐出,紙頁上的每個字都是立體的,色澤鮮豔飽滿,字型邊緣的陰影清晰可見。說是用印的,可能更像是一種雕刻。
http://www.oniondesign.com.tw/demo/olilyecard/2007/
Art of type setting
Typography Motion 用文字的字形大小粗細來表現情緒張力
http://www.youtube.com/watch?v=QX7N58df0j0&feature=related
讓使用者在最短時間內,最舒服狀態下,快速清楚地得到所需要的資訊。
Homework project No.2 this week downloads:
Adobe illustrator version:
http://www.oniondesign.com.tw/workshop/artshow.ai.zip
simple text version:
http://www.oniondesign.com.tw/workshop/artshow.txt
請在25x25的空間中Design,只能用typography elements.文字元素!
不要用圖形or photographic element.....
不用解讀作品or藝術家!只玩type!
參考:
http://www.blanka.co.uk/Design/50_Exhibition
http://www.typographicposters.com/
字體大小變化
字體/字型變化
粗細 (字體重量)
大小寫
調整個別、整體字距
齊左 / 齊右 / 對中 / 左右齊行 ...格式
行距調整
底線調整
結構 (欄位 / 格線) 對齊
縮排與定位
反白反黑
符號元素
線條、色塊
字體變形
留白!!!!!
Don’t do the following:
- Miss ues (‘) & (“) 漏掉或亂用(‘) & (“)
- AM & PM (10:00 AM) (12:00 Noon)
- Space AFTER Punctuation 逗號後才加空白鍵
- Manually extend or condense type 不要拉高或壓扁字體
Don’t USE :
- 陰影
- 外框
- No Atial
- 3D Effect
- 斜體中文 (可用其他字型替代,例:楷體?)
- 全框線圖表 過多裝飾元素
- No (‘) & (“) in Chinese, use (「) & (」)
- 彩圖打淡
- 字拉長或壓扁
- 漸層
案例分析:30雜誌
雜誌消費群為35~45歲女性居多。為擴大消費族群為25~45歲之間所進行的封面改版。
舊版:30兩字設計複雜又加上陰影效果,紫色塊為底。整體感老氣。
新版:封面用色以2色為主,字體用粗細變化劃分重點。
參考連結:
字形相關資料連結大百科
http://www.oniondesign.com.tw/typography.php
課堂上有出現的連結:
http://www.typeisbeautiful.com/
http://emptype.blogspot.com/search/label/Typography
傳統鉛字印刷 (質感超讚)
http://emptype.blogspot.com/search/label/Typography (美)
http://www.beastpieces.com/ (英)
http://www.vimeo.com/699250 (影片)
「每個人都能分辨。只要看到,就知道其中差異。」
影片背後出現這樣一個聲音,說話的是螢火蟲印刷(Firefly Press)的負責人John Kristensen。他一面動手調整印刷機,一面對著鏡頭介紹凸版印刷。他淡淡地說明各種印刷方式之間的差異,用詞謙遜,絕不說出「誰優誰劣」,但是從說話的音調裡,我們可以聽到他身為凸版印刷專家的驕傲。
「凸版印刷深深地咬進紙裡,它能產生一種三度空間的品質,這是與其他印刷術不同之處。」
說話的同時,一件件成品從活版印刷機裡頭吐出,紙頁上的每個字都是立體的,色澤鮮豔飽滿,字型邊緣的陰影清晰可見。說是用印的,可能更像是一種雕刻。
新年新希望
2008/12/31
旺財發作,帶去家附近的獸醫院先打個止痛針+吃藥
2009/1/1
去忠孝東路看完很虛的跨年煙火後,回家發現旺財還是攤在一旁,沒有好轉...
天亮後,帶旺財去吳興街的獸醫院...
醫生在聽完我的敘述後,開了些藥,請我隔天帶旺財之前拍的X光片來看看,再來判斷。
醫生建議要注意保暖,建議買個紅外線燈↓↓↓
隔天,一早跑去梁動物內科掛號
下午,帶旺財去等待
醫生聽完我敘述旺財的問題後,開始觸診...捏旺財身上的肌肉,順著頭>脊椎>腳
醫生也一邊解釋他正在做什麼,也分析旺財的反應。
當醫生捏捏捏到尾椎部分時,旺財的屁屁就掉出了一顆一顆的便便...
醫生很正經的解釋:因為他不舒服,所以他不去上廁所,現在是因為剛好有施力幫助他排便...
倒是,一旁在等待的小姐,比我還緊張的在嚷嚷:那著貓大便就這樣掉出來ㄟ!!好奇怪喔!!!!!
最後,醫生診斷說:旺財是"肌肉拉傷"。造成原因有可能是坐姿不良!!!??? 但,這問題是會一直在發生的,因為你不可能叫旺財注意坐姿!!!!!
醫生打了一針,開了10天份藥粉,說病症好了,就不要再吃了。
2-3天後,旺財恢復正常。
但,旺財到底是脊椎有問題還是單純的肌肉拉傷?? 我不知道。
旺財發作,帶去家附近的獸醫院先打個止痛針+吃藥
2009/1/1
去忠孝東路看完很虛的跨年煙火後,回家發現旺財還是攤在一旁,沒有好轉...
天亮後,帶旺財去吳興街的獸醫院...
醫生在聽完我的敘述後,開了些藥,請我隔天帶旺財之前拍的X光片來看看,再來判斷。
醫生建議要注意保暖,建議買個紅外線燈↓↓↓
隔天,一早跑去梁動物內科掛號
下午,帶旺財去等待
醫生聽完我敘述旺財的問題後,開始觸診...捏旺財身上的肌肉,順著頭>脊椎>腳
醫生也一邊解釋他正在做什麼,也分析旺財的反應。
當醫生捏捏捏到尾椎部分時,旺財的屁屁就掉出了一顆一顆的便便...
醫生很正經的解釋:因為他不舒服,所以他不去上廁所,現在是因為剛好有施力幫助他排便...
倒是,一旁在等待的小姐,比我還緊張的在嚷嚷:那著貓大便就這樣掉出來ㄟ!!好奇怪喔!!!!!
最後,醫生診斷說:旺財是"肌肉拉傷"。造成原因有可能是坐姿不良!!!??? 但,這問題是會一直在發生的,因為你不可能叫旺財注意坐姿!!!!!
醫生打了一針,開了10天份藥粉,說病症好了,就不要再吃了。
2-3天後,旺財恢復正常。
但,旺財到底是脊椎有問題還是單純的肌肉拉傷?? 我不知道。














