[教學文] 快速使用Adobe illustrator進行網頁拆板

認識一下illustrator拆板相關工具與面板

1. 首先,我們得先認識這一個面板叫做「工作區域」。


這個面板的使用方式,對每一個工作區域(Artboard)你都可以雙擊兩下滑鼠左鍵,幫這個Artboard重新命名檔名。
(這個步驟要記得是之後快速拆版的重要關鍵!!!)

點擊這個按鈕可以「新增工作區域」,這邊新增的大小會和前一個一模一樣大小的工作區域。

2. 工作區域工具

工作區域工作在左手邊工具列之中的這個圖示


當你再拖拉的過程中就會產生新的畫板

使用工作區域工具時的上方面板

可直接在此修改畫板名稱(和第一部分一樣)
上方

使用這個按鈕時,按下去的時候畫板上的東西就會跟著你走。
沒有按的時候,東西就會留在原地

2. 變型工作面板


左邊數值為畫版左上角的相對位置

[視覺溝通設計] 2013 COSCUP 雜誌DM系列

此為依循著今年度COSCUP主視覺持續接手制作的雜誌DM系列。

Maker 雜誌 10月號

數位時代雜誌 10月號

原始構想

實際版本

後來因為需要改放整體活動的logo因而拋棄今年度的主視覺的設計。

[網站界面設計] 內壢生活e點靈介面設計

緣起接觸這個計劃

此計劃為內壢地區的生活資訊網站,透過此網站,我們會整了元智大學附近的食衣住行的資訊。
每一篇文章內容均是特派記者一篇一篇去採訪的。

接手前原本為採用Acess 制作的網站,
累積了100多筆資料,在接手時的客戶需求為希望能改成方便互動的平台,並且希望方便後續給工讀生維護,
因此改採用部落格,搭配一些設計使其用起來有網站的體驗。
在設計同時,將許多無名的功能發揮到極致,
讓使用者可以更加方便使用這個系統。

在經營面的『榮耀』

接手後運用社群發展一系列的活動,
因為同學的參與,這網站上的內容更加包羅萬象,
目前已經累積超過400多筆資料,
為目前內壢這個小地方最充足的生活資訊資料庫。
且每一篇資料都是具體採訪的而來的都是真正貨真價實的推薦文。

曾於2012年搭配桃園縣政府母親節表揚活動/元智大學風動節
發展大型的內壢地區店家集點活動,
吸引學生及附近居民超過3000人參與。

本網誌在「無名小站」排名中,
2010~2011年間數度被排名到前30名「學園生活」部落格
在整體記錄之中最高名次為第6名

在界面設計面

在介面上的引導文字設定,也盡量用口語化的口吻,
易避免原本部落格系統比較生硬的說法,
以生活法的方式接觸學生使用者們。


雖然這是一個無名的部落格,
在無名之中我們塞入了自製的區塊,
多加了這一層,使用者可以更加便利的透過框框即可辨識該篇文章是什麼類型的。
使得其查詢食衣住行資訊的使用經驗更為完整。




[視覺溝通設計] 2011年創意週

此為元智2011年全校性創意週的整體文宣品設計。
從活動吉祥物到標準字的製定,主要依循了「魔法」、「奇幻」的元素進行設計。

活動海報製作

摺頁

審查資料封面

場內告示