2008年5月31日

Nuevesoft Keynote 簡報版型設計





Nuevesoft Inc.因為常需要向國外客戶簡報,所以簡報是重要的工具,為顧及公司既有的形象,因此委託小美工為他們設計簡報的版型,那製作簡報即有現成的樣本可用;Keynote蘋果電腦出版的一種簡報軟體,功能類似MicrosoftPower Point,客戶本身是使用蘋果電腦,所以Keynote是他們製作簡報的重要工具。

既然是簡報,那最重要的就是內容,因此我以簡潔、大方為目標,避免過多的裝飾影響了簡報內容的呈現,大致上以紅色塊做些點綴,版型內有16個項目滿足客戶相片、文字、條列.......等的製作內容。

提案後和客戶見面洽談做了些小修改隨即完成。

2008年5月27日

Intel創業專題雜誌跨頁廣編設計





商業周刊委託小美工為英特爾小店創業專題設計跨頁廣編稿,提了四種版型供客戶選擇,前三個版本我用了鮮明的黃色,並配上黑色形成強烈對比,希望讀者在翻閱至本頁時能留下深刻印象,一、二版的手法相似,只是在人物的底色有一點不同,一個用了沈穩的淺灰為底,另一個則用黃色塊,有一點不安定感,但比較活潑、強烈;第三版希望能有平面報導的感覺,為了適應版面照片也稍有不同;第四版改用了藍黑配,希望能用穩重的藍色帶給讀者安心感。

客戶最後選了黃、灰配的版面一,只修改了幾個字即完稿了。

Intel創業專刊設計




商業周刊委託小美工為英特爾小店創業專題設計專刊,開始我提了三個封面初稿,主要是在配色和字體編排上的不同,客戶選擇了版面一,然後就開始設計內頁,封面也做了些小修改,下面即是最後的完稿。






這個封面的編排手法是之前實驗的一種方法,將很粗很大的標題斜放,並將小文字附加在大標的中間增強關聯性,二或三排標題將第一排用黑色做成強烈對比,這在「好家庭牙醫診所雜誌廣告設計再次提案」中我就試過了,不過黑白對比的大標目前仍未被客戶買單過,呵呵!

2008年5月24日

全腦通Reading Assistant傳單設計完稿


全腦通Reading Assistant傳單設計初稿之後,客戶選定好版面,大概修改了一些東西,包括將字型由黑體換成圓體、更改一些文字的顏色、將該強調的地方強調出來......等,同意之後就完稿出版了。

2008年5月21日

全腦通學習能力課程電子報設計


延續全腦通學習能力課程傳單,客戶隨即委託小美工設計相關的電子報,既然都設計過傳單了那電子報就是將相同的內容、風格以電子報的方式呈現出來,我是做成500px的寬度,再一項一項的列下來;先做初稿一張圖檔,客戶看過之後隨即通過,然後我就將圖檔裁切再寫好HTML+CSS上傳至網頁伺服即完成。

完整版本在此:全腦通學習能力課程電子報

2008年5月14日

全腦通Reading Assistant傳單設計初稿



全腦通的新課程Reading Assistant要發行宣傳單,尺寸是A4,客戶希望的風格是專業帶點活潑,加上附的設計委託書和文案算是很清楚。

著手為客戶設計,第一張依照客戶課程所設定的藍色為主,做了簡易的分類一列一列的排下來,加上一點曲線增加少少的活潑味吧!第二張我就讓活潑多一些,忘記在哪曾看過一個簡單的陳列,是SHARP和PANTONE合作的一個名為Play!Color.PANTONE的活動,各色的手機面板排成一列很有魔力,我也來試試是否能營造出這種魔力吧!就將不同項目分成不同顏色的格子,再加上一點陰影增加些立體感,將內容依大小填入各Color Space中就算設計完成囉!

已經提案給客戶了,接下來就看客戶喜愛那張或要做些什麼修改?

2008年5月13日

Nuevesoft 部落格正式上線


Nuevesoft 部落格版型設計初稿中客戶提了一些看法,就依照客戶的需求量身打造了一番,在幾次溝通之後初稿完成客戶認可後就著手為上線做準備了,客戶的blog是和小美工一樣放在blogger中,只是小美工的外觀只是挑了一個現成的就放上了,呵呵!

Blogger的版型訂製分為舊版和新版,新版的功能是比較多,至於要不要更新為新版則依各人喜好不同,小美工喜愛簡單的舊版,客戶也比較喜歡舊版;要自行製作舊版的外觀,需要的程式基礎是HTML+CSS,新版的則需XML+CSS,不過都不會太難,要一點耐心去認識專屬於Blogger本身的程式碼,若不心更動到部份功能可能會失效,這些東西在Blogger中的說明寫得很清楚。

比較麻煩的部份大概就是Blogger的NavBar,要下一段特殊的CSS,才能讓它隱藏或消失,我使用的方式是讓它隱藏,當滑鼠移到上方原位置時則會觸動然後顯示出來,不過,這僅在Firefox和Safari....等Mozilla系統的瀏灠器才會顯示,在IE裡這個NavBar則會消失,關係這段CSS的寫法,請教一下Google大神會有一堆,在此就不囉嗦了。

Nevesoft Blog的正式版本在此:http://blog.nuevesoft.com

2008年5月7日

Nuevesoft 部落格版型設計初稿





Nuevesoft設計好官網後,接下就是部落版型的設計,業主的要求仍是簡單、清楚,依此我設計了四組,都是以此原則去設計的,目前業主仍在決定、修改中,以下就是四個版型的線上版:版型一版型二版型三版型四

2008年5月1日

全腦通學習能力課程傳單設計完稿


繼上次的全腦通學習能力課程傳單設計初稿在簡單的修改後終於完稿了。

主要修改的部份首先是將標題改為白色字體,這樣標題會比較明顯,再來就是增加和修正一些文字內容,為了增加內容的空間,照片的空間就被壓縮了;將主要課程由上下排列改成左、右排列,突顯了課程Step1和Step2;增加二個方塊來加上新的附加內容,為了平衡增加的內容,就將預約電話移至最下方,但仍必須很強調,所以維持雲朵外框,更增加了桃紅的粗外框。

經過了一般修改這張傳單兼海報就發行囉!