grid runner,let's talk about visual
DESCRIPTION
Grid runner,let's talk about visualTRANSCRIPT
Who are you?
Moon Chang子龍
Graghic design Infograghic design
GUI design Illustration
Motion graghic design
品牌設計、視覺設計、資訊圖表設計 天大地大台科大、零時政府填坑獸、
跨領域雜食動物 自由設計工作者
我定義中的設計?
設計是整理的過程 設計是可以幫助社會的工具 設計是生活
Visual journey
視覺設計 經驗談
設計師的 能⼒力配點
修煉之旅 開始
設計師的 特質⽣生活
Ｑ：那個跨門檻的心情？
歡迎來到新世界恩...聽起來好有趣
推坑的長老無知的勇士
所有都是新的喲
轉職前
工程腦vs設計腦
轉身回頭問google...
xxx是什麼???rr和uuu又是什麼，ooo是誰!?他是講中文嗎....?
那個xxx不能這樣，不然rr會變成uuu，這樣ooo
會很難做喔喔....好的...
open mind放開眼界、看見未來“ “
Ｑ：視覺設計流程？
定義問題/需求 資料收集 設計發想 修正/測試
完成設計！
Ｑ：好的設計師需要什麼能力？
組織力
美感
觀察力
學習力
溝通力
好奇心
一個有故事的人
我看不到啊～～～～ !
從感覺、模糊的影像、實體、可以通靈
傳送到達目的地要1000000元喲
呃...我想一下
斂財的長老拮据的勇士
武功祕籍特價999999元
轉職ing
Ｑ：放多少東西、裝飾才好？
先來講講畫面吧！
給任何元件存在的理由！
表演者 音樂會主題
時間地點票價
音樂會主題蛻變相關表現插畫
曲目資訊
為求一貫性與畫面平衡
畫面平衡與物件的關係位置
終於要說到跟grid有關了
三大要點！ 層次、平衡、對比重心
範例 電子報封面
需求： 學校名稱、出刊日期、照片 歡樂的感覺（？）交換學生主題
1
2
3
3
3
視覺重心、注意力層次、律動感
排排看吧！
可是 總是有人意見很多
追加需求： 內容標題一大堆，請加入
畫面平衡與物件的關係位置
畫面平衡與物件的關係位置
這跟網站有什麼關係？
這跟網站有什麼關係？
這跟網站有什麼關係？
零時政府-超農域系統入口
零時政府-超農域系統入口
需求:農藥資訊查詢 對象：民眾及農民
定調：農業、親民、簡單明瞭
功能
⾓角⾊色引導
單位宣告
說明⽂文字
阿哈哈哈沒對⿑齊
1. 1.
2.
2. 2.
3. 3.
大象與螞蟻，我與1px計較的毛病
恭喜你得到設計師的潔癖與強迫症
烤個肉也想要layout
Ｑ：把軟體練得很強可以吧？
不行！
軟體只是工具！
不要忘記手繪、
偶爾逼迫自己離開電腦
Ｑ：顏色怎麼調才好？
1.偷參考他人的顏色
2.吸取大自然的顏色
3.歪一點點的驚喜
TIPEI CITYWHO’S NEXT?
市府快訊 市長信箱 便民資訊 機關網路 公告資訊 觀光資訊
TODAY’S TIPEI2014/08/29 SUNNY 23C
著作權聲明 | 隱私權及資訊安全政策 | 本站使用正體字 | 聯絡我們 | RSS
臺北市政府秘書長陳永仁完成冰桶挑戰 並期府會和諧，市政達陣
臺北市政府秘書長陳永仁，25日晚間8時在市府前廣場，完成冰桶挑戰。 陳永仁表示，能參與這項聲援漸凍人活動......詳全文
赴議會市政總質詢 議員關切天然瓦斯管線檢查 郝龍斌：督導業者落實年度檢查、確保公共安全
2014-8-25
TIPEI CITYWHO’S NEXT?
市府快訊 市長信箱 便民資訊 機關網路 公告資訊 觀光資訊
TODAY’S TIPEI2014/08/29 SUNNY 23C
著作權聲明 | 隱私權及資訊安全政策 | 本站使用正體字 | 聯絡我們 | RSS
臺北市政府秘書長陳永仁完成冰桶挑戰 並期府會和諧，市政達陣
臺北市政府秘書長陳永仁，25日晚間8時在市府前廣場，完成冰桶挑戰。 陳永仁表示，能參與這項聲援漸凍人活動......詳全文
赴議會市政總質詢 議員關切天然瓦斯管線檢查 郝龍斌：督導業者落實年度檢查、確保公共安全
2014-8-25
來個勝文吧！
勝文色的網站是什麼樣呢？
好穿木屐
NT:250
koko餐具
NT:400
雷雨
NT:3000
koko餐具
密買東京について｜商品⼀一覧｜ショッピングガイド｜ご利⽤用規約｜⽇日報｜お問い合わせ
密買東京 について 帝寶⼩小⺩王⼦子的私房傢私
Ｑ：其他國家怎麼做？
中國網民的口直心快
字體、比例/歐洲德國... 商業應用/美國
Ｑ：美感sense培養術？
學習當個矯情的文青
<title>進入夏季的秋</title> <head 1>微光。將一切都打亂了</head 1> <p> 從那一天開始,我漸漸的發現到現實中飄落的碎片<br> 是多麼的令人窒息、失落<br> 如同<br> <a herf=“文青之神.com”>村上村樹</a>所提到的:那年夏天 就像對不齊的描圖紙<br> 我再也找不到對齊code的方法</p>
文青的核心價值在於
美好生活品味的追求
觀察、觀察、愛觀察福爾摩斯的眼睛
在看臉書
包包衣服不搭
野生喬喬！？
若有所思的男子
手機保護套
ATM的特殊字體
復古的手寫字
鐵皮屋與窗戶的色彩搭配
收集收集收集With Pinterest
崇洋媚外、深根在地
看過一百個美女就知道美的極限、美是比較出來的過程
但也時常帶著主觀意識
Ｑ：畫面美麗就好了嗎？
適當的設計比外表重要
Ｑ：溝通不只是業務的事？
畫面的溝通
與夥伴的溝通
與老闆（金主）溝通
與觀眾的溝通
與自己的溝通
畫面的溝通
畫面的溝通
與夥伴的溝通
與老闆（金主）溝通
與觀眾的溝通
與自己的溝通
Ｑ：自我修煉怎麼做？
寫探索工作日記
！任何專業都無上限！
拍拍照吧！
非核家園聯署 需要你我的支持
非核家園聯署 需要你我的支持2014.4.11凱道見
臨時前端反核聯盟
聯盟介紹 411反核遊行時程 為什麼要反核？ 連署書下載 我要捐款 聯絡我們
非核家園聯署 需要你我的支持2014.4.11凱道見
臨時前端反核聯盟
聯盟介紹 411反核遊行時程 為什麼要反核？ 連署書下載 我要捐款 聯絡我們
1 2
3
看電影不要只看劇情！
給自己課題、找一個偶像
Ｑ：好設計像忍者?
「其實，良好的設計比不好的設計更難察覺。
一方面因為好的設計是無形的，能滿足我們的
需求，但設計本身卻不引起我們注意；另一方
面，不好的設計卻非常明顯，讓我們很容易注
意到它的不足之處。」
