Art Pai » Project http://blog.minipai.idv.tw Web Design = HTML + CSS + IE bug Sun, 18 Jul 2010 14:34:57 +0000 en hourly 1 作品─揪團GO商圈 http://blog.minipai.idv.tw/project/go_shopping/ http://blog.minipai.idv.tw/project/go_shopping/#comments Sun, 10 Jan 2010 18:30:09 +0000 minipai http://blog.minipai.idv.tw/?p=464 總之…這是一個政府專案，個人認為還蠻浪費錢的一個專案。視覺設計上以年節氣氛為主題，其中Logo和Flash是公司的美術做的，先聲明一下。我還是很討厭Flash，覺得畫Logo很麻煩的。這個網站的程式部分也不少，主要是問卷系統和投票系統，寫起來也練到不少功。

*國民黨政府的官員真是沒有言論自由的觀念，所以我把某一句批評的話display:none了。

]]> http://blog.minipai.idv.tw/project/go_shopping/feed/ 0 作品－金龍肉乾官方網站 http://blog.minipai.idv.tw/project/kinglong/ http://blog.minipai.idv.tw/project/kinglong/#comments Sun, 10 Jan 2010 18:00:03 +0000 minipai http://blog.minipai.idv.tw/?p=453 繼花旗坊之後，這是我第二個有購物車的網站了。不同的地方是花旗坊用的是Drupal的模組，這次我是用Codeigniter自己寫的。這個網站對我來說蠻有挑戰性的，因為幾乎所有的功能都是第一次嘗試，包含購物車、新聞編輯、商品編輯、聯絡表單等等。相當辛苦，做出來也蠻有成就感的。

在視覺設計方面，主要是要營造一個古早味的感覺，以及我們家企劃所說的「有故事的感覺」。雖然感覺有點老梗了…只要是傳統食品幾乎都是想塑造成有歷史有故事的感覺，不過就是這樣決定了XD。

附帶一提，在網站製作過程中我也吃到不少他們家的肉乾，真的是相當的好吃沒話說！真的推薦你訂一些回去吃喔。

首頁

商品介紹

聯絡表單

由於這是一個比較大的案子，所以視覺設計有些部分還有給公司的美術調整過。但是我這邊要特別講一下，雖然比較樸素，不過我還是比較喜歡我自己設計的選單的。

]]> http://blog.minipai.idv.tw/project/kinglong/feed/ 2 作品─產業3G http://blog.minipai.idv.tw/project/tpcshowtime/ http://blog.minipai.idv.tw/project/tpcshowtime/#comments Sun, 10 Jan 2010 17:16:21 +0000 minipai http://blog.minipai.idv.tw/?p=446 太久沒有更新部落格了，所以這個活動網站已經過期兩個月啦～～（汗）

視覺設計上比較沒有什麼特別之處，基本上就是配合美術畫的Logo的色調來做設計。對我來說比較特別之處在於這個網站是我第一個正式的PHP網站作品。雖然其實也沒寫到什麼程式，不過光是有template就方便很多啦。

]]> http://blog.minipai.idv.tw/project/tpcshowtime/feed/ 0 作品─就是愛便當 http://blog.minipai.idv.tw/project/order-lunch/ http://blog.minipai.idv.tw/project/order-lunch/#comments Tue, 01 Sep 2009 07:51:47 +0000 minipai http://blog.minipai.idv.tw/?p=402 就是愛便當是利用空閒時間幫我公司內部寫的一個小網站，功用就是方便同事做定便當的工作而已。這個網站也是Codeigniter有多簡單好用的見證。在這之前我沒有寫過任何php的程式，最多，有關的就是改WordPress和Drupal的版型，常常看到<?php ?>而已。

某一天，我看了nettus+的CodeIgniter From Scratch系列教學影片，剛好聽到公司同事在抱怨定便當很麻煩，突然就想到影片的教學，覺得有CodeIgniter好像就寫得出來了，於是就嘗試看看，網站就這樣出來了。

除了定便當，我後來還增加了對帳的功能。只要點今日便當的清單上的價錢，就會打勾表示這個人有付便當錢了，我對於這個UI設計還蠻得意的XD

附帶一提，因為自己人使用的，終於可以用一些CSS3效果了，爽。連結過去的網站是副本，不是我公司在用的，可以試訂玩玩看。

order_lunch

]]> http://blog.minipai.idv.tw/project/order-lunch/feed/ 0 作品—1839當代藝廊 http://blog.minipai.idv.tw/project/project%e2%80%941839cg/ http://blog.minipai.idv.tw/project/project%e2%80%941839cg/#comments Fri, 07 Aug 2009 06:00:31 +0000 minipai http://blog.minipai.idv.tw/?p=393 1839當代藝廊是一個專業攝影藝廊，展出水準極高，均為當代著名攝影家，目前已經展出佐藤時啓(Sato Tokihiro)、杉本博司(Hiroshi Sugimoto)、港千尋(Chihiro Minato)的作品。同時藝廊也代理國內外攝影家的原作、複製作品、著作等等，是國內攝影界相當重要的藝廊。

網站以黑白照片為設計原形，以「當代」為主題，使用當下最先進的網站排版方式，在簡潔的設計風格上給使用者最佳的瀏覽體驗。這個網站設計也是我個人風格的典型。

展覽資訊
1839當代藝廊 展覽

網站首頁
1839當代藝廊 首頁

]]> http://blog.minipai.idv.tw/project/project%e2%80%941839cg/feed/ 0 作品－花旗坊官方網站 http://blog.minipai.idv.tw/project/project-hq70/ http://blog.minipai.idv.tw/project/project-hq70/#comments Tue, 21 Jul 2009 12:02:05 +0000 minipai http://blog.minipai.idv.tw/?p=374 花旗坊是迪化街上老字號的中藥行。花旗坊在城隍廟正對面，店面似乎是迪化街最大的，店面所在的巴洛克風格建築我也相當喜歡。

網站本身是很普通的官方網站，設計重點是以店面的建築為主題，利用材質營造一點巴洛克的風格。

hq70-1

hq70-2

hq70-3

]]> http://blog.minipai.idv.tw/project/project-hq70/feed/ 0 作品－訂單管理服務 http://blog.minipai.idv.tw/work/project-order/ http://blog.minipai.idv.tw/work/project-order/#comments Fri, 19 Jun 2009 14:30:21 +0000 minipai http://blog.minipai.idv.tw/?p=289 終於，我有一個能看的作品上線了XD。這算是我做網頁設計工作以來，最滿意的作品。

我設計了色彩飽和，標語吸引人的首頁，並且在首頁就將網站的功能清楚表達，讓訪客不用猜測。功能與費用頁面我用適當的排版與留白營造舒適的閱讀環境，希望能增加訪客註冊使用的意願。登入後的使用介面我也應用之前關於UI設計的閱讀心得，盡最大的努力設計好用的介面。

由於這是一個系統服務，有上線時間的壓力，所以登入後的使用介面還有很多要設計、修改的，不過首頁宣傳系統的部份以我目前的能力已經相當滿意了。

對了，設計這個網站最爽的地方是，我不需要在意IE6的畫面，只要不影響功能就好了。很多設計同業聽到相當的羨慕…哇哈哈XD
2009-07-08：後來還是為了IE6用了不少css hack，終究還是免不了呀。

類別：商務服務網站
網站：yesEC order 訂單管理系統
網址：http://order.yesec.com.tw

這是首頁。
yesEC order

這是功能介紹的畫面。
yesEC order 2

這是收費方案的畫面。
yesEC order 3

]]> http://blog.minipai.idv.tw/work/project-order/feed/ 0