這次的案例是一家手工巧克力的品牌，叫葵蒂絲巧克力莊園，葵蒂絲的意思是 Quetesh

埃及神紙，司愛情及美麗之神。所以在這LOGO的設計上我設計了幾個方向，有女性化的愛神、埃及女王頭、象徵的植物與獅子(Quetesh在埃及的圖上通常會有握著花或鏡子或眼鏡蛇而在立在獅子上)..等等幾個方向。

而客戶選了這款側臉的埃及女神頭做為商標，在另一個標誌型的圖象則使用再貼紙上面，這個案子我直型的好愉快，除了品牌的方向客戶給得很明確之外，我吃了許多好好吃的巧克力喔(AUSIR說我做得很賣力)，本身巧克力就是個討人喜歡的食物，又加上沒有做過巧克力的案子，所以新鮮感十足，以下就是這陣子設計的項目，PO上來給各位瞧瞧囉。

名片設計:

DM設計:這是七夕情人節的特價DM

十字折設計:屬於形象DM，由兩小無猜的小朋友開始翻起，到朋友、結婚、白髮四個階段都在享受個葵蒂絲巧克力的甜蜜愛情。我還滿喜歡這份DM的

DM的展開圖:

包裝設計:使用黑與金的搭配再加上緞帶(原本是設計有蝴蝶結的，可惜後來客戶的考量取消囉)

展開之後有許多口味的選擇，包裝有兩個尺寸，可以因為隔版放不同的巧克力，另外也有生巧的擺放

這是小盒的包裝

緞帶局部

貼紙局部

以下是吃好吃的松露巧克力(我的最愛)

這叫杏福號角裡面包的是堅果喔，外層有可可香又焦糖香，我討厭甜膩膩的巧克力，這口味剛剛好 

巧克脆酥:濃郁的巧克力香又加上酥脆可口，就是個讚

真可惜生巧克力我沒拍到，71%原味生巧……

目前葵蒂絲在台北火車站附近赫赫有名的京站四樓有設櫃喔，很方便買的到了，看到自己設計的東西在實體店鋪買到真是好爽阿(原諒我如此粗言，但是這樣才能表達我心中無限的機動啦)，不在台北的人可以上網訂購看看

葵蒂絲巧克力莊園 quetesh chocolatier   http://www.quetesh.com.tw/

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

SPA式的修護精華按摩霜，或許可以滿足妳的肌膚渴望喔!

每個女人都是獨一無二的美麗藝術品——–

爭對不同層次的保養品，此次我將這系列包裝設計成水墨的質感，因女人就像美麗的藝術品需要去細細的琢磨，而最了解自己的其實就是女人本身，水墨擁有力量並且柔和的意境，而這款修護精華按摩霜質地是細緻的，再搭配上水墨的感覺，相輔相成。

開盒方式:

開啟盒型後中間留約1公分左右的空隙，讓使用者開包裝方便。

包裝展開:

系列包裝-薰衣草全效修護精華霜

系列包裝-柑橘回齡全效修護精華霜

盒內精華霜罐子:

最初有兩款罐子選擇，一款是透明另一款是不透明，因透明的罐子較搭配此款的包裝，所以以此延伸。

薰衣草款

瓶蓋部分，是用直印上去的，這樣更能顯現出質感。

柑橘款

設計時需要考慮到罐子的透度，故瓶身我使用了透明貼紙來做，讓人感覺SPA完皮膚就會像瓶身那樣，晶瑩剔透啊~~~。

做完這款包裝後，我也好想去做個SPA啊~你們要不要也來試試呢?^^

*客戶網站:溫馨之都國際有限公司

———————————————————————————

自我介紹來囉~~~

某天下午，CORA用著既閃亮又堅定的雙眼對著我說到:「可樂，妳該上去PO文了。」

此時，場面頓時有種犯人被抓到無聲的嘆息…

躲了好久，最後還是被"樟丟"，原來完美的消失計畫還是被打破!!~~~

這就是所謂的躲的了一時，躲不了一世啊!!!

該PO的還是要PO滴~

但大夥有沒有發現COLA跟CORA只差一個字母，連我叫她都快變成叫自己了(會有幻覺!!)

所以啊，之後就請大家就叫我可樂(中文)啦或是你們可以選擇用牙籤撐起你們的雙眼，努力辯試英文吧!! 囧”

最後，請大家多多指教!! 我是可樂!!~~~

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

所以現在東洋人吃米、西洋人也吃米，尤其是米這種東西超不容易使人過敏(尤其是對亞洲人而言)。而在這個人人爭當米蟲吃好米的年代，國內也有以好米為訴求的精緻商品。其中【現代米倉】就是堅持好米的一家。也就是我們的今日苦主。

業主的需求時想要有人情味，平易近人的親切感。所以想要以插畫風格的方式發展，同時也要有首頁動畫。

業主有方向就一切好發展，首先強迫同事畫好一系列插畫零件，以此作為主要風格發展動畫與網頁按鈕等零件。在整體材質上也以米色紙材與舊紙片的邊緣去做零件與背景，以達到復古與人情味的調性。

內頁產品選單

米的問題

產品內頁

購買方式

關於現代米倉

【現代米倉】網址:http://www.ricepool.com/

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

應業主大人的請求，希望LOGO能至少有簡單流行易辨識的特點。所以針對茶類飲料還有名字(simple tea)這兩項來作發展延伸，當時提了好幾款最後是這款出頭天。

這款是看圖說故事類型的圖，直接看圖就會聯想是植物健康鮮豔的感覺，再由字面指出是茶類飲料的LOGO。

內容發想是由好茶都採一心二葉的緣由來直接呈現，由兩葉包一心用虛實的方式表現。內容以類似水流動曲線的方式切割，再由圓形幾何包覆。這會造成視覺上有葉子摺起來包覆葉心跟葉子漂浮在茶上的兩種視覺想像，在加上幾何圓形會比較容易被記憶與接受。以下還有其他週邊延伸設計。

這邊是店裝

騎樓招牌

柱面海報

店址在台北市忠孝東路四段60號  我才剛去喝過目前加珍珠免費低~~

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

……直到前陣子我們到了中壢與花木棉連上線了。

一開始與業主接洽的過程客戶提供相當完整的需求與方向，所以在品牌規畫上面執行的頗順利，但是我還是有小小的誤會了客戶的需求，所以在第一次提案的時候並沒有順利通過，而是在提了一次之後才達到客戶的理想，其實有時候還是無法很準確的掌握到客戶心底的那個世界，這就是我需要努力的部分。

以下是最後的結果囉:

構想來自於拼布上的花紋，擷取在畫繪製成花木棉的圖像LOGO。讓熟悉拼布的人可以很快的感受到花木棉的品牌形象。

名片設計:

集點卡設計:

  紙袋設計:有三個不同的大小，依照顏色區分。設計呈現可愛清新的風格

以上就是花木棉在品牌所執行的部分囉，而此案還有包過網站的設計，因為客戶產品尚未上線齊全，所以之後在PO上來與大家分享囉。

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

網路上做登入驗證已經很多了，所以因此你還有很多文章可以參考，但是 Zendframework 的 AUTH 是 CI (codeigniter) 所沒有的，所以如果要做登入驗證的話是非常快速且是重點學習囉，所以用 ZF 的你千萬不要漏掉喔。

本來想要錄影給大家看，不過在噗浪上問大家，好像大家還是比較喜歡看圖文教學，如果有你找不到的步驟，都歡迎來問問看喔。

Zend Framework 的認證方式並不是只有一種，有分為 DB , HTTP , OpenID 等多種方式，今天我們就以最常用的 DB 驗證來做吧。

STEP 1 :

開啟 phpmyadmin 並且建立 DB = day7 ，插入我們的帳號與密碼

SQL

^?View Code SQL

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

CREATE DATABASE 'day7' DEFAULT CHARACTER SET utf8 ; USE 'day7';     CREATE TABLE IF NOT EXISTS 'users' ( 'id' int(11) NOT NULL AUTO_INCREMENT, 'username' varchar(50) COLLATE utf8_unicode_ci NOT NULL, 'password' varchar(50) COLLATE utf8_unicode_ci NOT NULL, 'real_name' varchar(100) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY ('id'), UNIQUE KEY 'username' ('username') ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=2 ;     INSERT INTO 'users' ('id', 'username','password', 'real_name') VALUES (1, 'rob', 'rob', 'Rob Allen');

 

STEP 2 :

開啟一個 ZF 專案 ( 不熟悉的朋友請參考 day1 )

並且打開 application.ini 檔案加入 db 的設定資料

application.ini

^?View Code TEXT

1 2 3 4 5 6

resources.db.adapter = PDO_MYSQL resources.db.params.host = localhost resources.db.params.username = root resources.db.params.password = 1234 resources.db.params.dbname = day7 resources.db.params.charset = utf8

STEP 3 :

打開 public/index.php 檔案 ，我們要在整個 controller 被載入之前先把 DB 建立起來

index.php

^?View Code PHP

1 2 3

//登記 DB 變數，內容為 ZEND DB ，是參照 application.ini 所建立出來的 $resource = $application->getOption("resources") ; Zend_Registry::set('db', Zend_Db::factory($resource['db']['adapter'],$resource['db']['params']));

STEP 4 :

並且新增一個 ZEND Controller

名稱為 AuthController ，我們要在裡面建立 LoginAction , LogoutAction 以及稍微修改一下 init 的內容

AuthController.php

^?View Code PHP

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

<?php   class AuthController extends Zend_Controller_Action {   public function init() { /* Initialize action controller here */ }   public function indexAction() { // action body $this->_redirect ( '/' ); }   public function loginAction() { $this->view->message = '';   if ($this->_request->isPost ()) {   //先將使用者與密碼過濾 ( 過濾 HTML 與法 ) $f = new Zend_Filter_StripTags (); $username = $f->filter ( $this->_request->getPost ( 'username' ) ); $password = $f->filter ( $this->_request->getPost ( 'password' ) ); //驗證是否有輸入帳號 if (empty ( $username )) { $this->view->message = '請輸入您的帳號'; } else { //如果你想要拿其他的 DB_TABLE 的 DB來源也是可以 //Zend_Loader::loadClass("Users","../application/models/"); //$users = new Users(); //$authAdapter = new Zend_Auth_Adapter_DbTable($users->getAdapter()); $authAdapter = new Zend_Auth_Adapter_DbTable ( Zend_Registry::get ('db')); $authAdapter->setTableName ( 'users' ); $authAdapter->setIdentityColumn ( 'username' ); $authAdapter->setCredentialColumn ( 'password' ); // 設定 ID 與 憑據(就是驗證值啦 俗稱密碼) $authAdapter->setIdentity ( $username ); $authAdapter->setCredential ( $password ); // do the authentication $auth = Zend_Auth::getInstance (); $result = $auth->authenticate ( $authAdapter ); if ($result->isValid ()) { // success: store database row to auth's storage // system. (Not the password though!) $data = $authAdapter->getResultRowObject ( null, 'password' ); $auth->getStorage ()->write ( $data ); $this->_redirect ( '/' ); } else { // failure: clear database row from session $this->view->message = '登入失敗'; } } }   $this->view->title = "登入驗證"; }   function logoutAction() { Zend_Auth::getInstance()->clearIdentity (); $this->_redirect ( '/' ); }   }

STEP 5 :

因為剛剛建立了 LoginAction 因此我們須要在 views/scripts/auth/ 建立一個 login.phtml 的 VIEW

用來建立使用者輸入帳號密碼的表單

注意 : VIEW 的這邊 CODEBOX 會把 箭頭符號吃掉 請記得檢查

login.phtml

^?View Code PHP

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>登入頁面</title> </head>   <body>   <h1><?php echo $this->escape($this->title); ?></h1> <?php if(!empty($this->message)) :?> <div id="message"> <?php echo $this->escape($this->message);?> </div> <?php endif; ?> <form action="" method="post"> <div> <label for="username">Username</label> <input type="text" name="username" value=""/> </div> <div> <label for="password">Password</label> <input type="password" name="password" value=""/> </div> <div id="formbutton"> <input type="submit" name="login" value="Login" /> </div> </form>   </body> </html>

STEP 6 :

接著我們打開 IndexController.php 頁面，並且修改 init() 以及 新增加一個 predispatch()

init () 內我們主要是希望把登入者的真實名稱顯示出來

predispatch() 主是要在顯示之前先做使用者驗證，如果沒有通過驗證，就轉向 login 頁面

IndexController.php

^?View Code PHP

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<?php   class IndexController extends Zend_Controller_Action {   public function init() { /* Initialize action controller here */ //將使用者的真實名稱丟給 view 顯示 $this->view->user = Zend_Auth::getInstance ()->getIdentity (); }   public function indexAction() { // action body     }   function preDispatch() { //再發布之前去判斷是否完成驗證，如果沒有完成驗證就丟到 登入畫面 $auth = Zend_Auth::getInstance (); if (! $auth->hasIdentity ()) { $this->_redirect ( 'auth/login' ); } }   }

STEP 7 :

最後我們打開 views/scripts/index/index.php 修改

增加我們險是使用者名稱，以及如果登入完成就讓他出現登出選項

index.php

^?View Code PHP

1 2 3 4 5

<?php if($this->user) : ?> <p id="logged-in">Logged in as <?php echo $this->escape($this->user->real_name);?>. <a href="&lt;?php echo $this-&gt;url(array(" controller"=>'auth','action'=>'logout')); ?>">Logout</a></p> <?php endif; ?>

當以上的動作都完成之後我們就可以打開瀏覽器輸入

http://localhost/day7/public/index.php

這時候系統會自動將網頁導向登入頁面要求登入

http://localhost/day7/public/index.php/auth/login

如果我們任意輸入或是輸入 HTML TAG 都會造成無法登入

如果登入成功 系統將會自動轉回首頁，並且出現使用者名稱，並且可以登出

當然，如果按下登出按鈕，使用者資料清除後就回到首頁，但是因為首頁須要登入，又自動轉回登入頁面

如此一來只需要在你想要加密的網頁都加上 predispatch() 就可以讓使用者無法在未登入下存取。

Related posts:

1. ZF in ∞ days –> day 6 –> Zend Framework 專輯管理程式 前幾篇我們介紹過了 Zend Framework 使用 MVC 的架構，也講解過 Layout 以及 Form 這些...
2. ZF in ∞ days –> day 3 –> Create a Model 如果你以為這篇是在說如何將自己創造成為一個模特兒，那你就大錯特錯嚕，從 ZF 的角度看，Model 是資料的集合，他可以是文件紀錄檔，或是 DB 資料，也可以是外站取得的資料，換句話說只要是屬於資料類的都可以把他歸納為 Model 。 當 USER...
3. ZF in ∞ days –> day 4 –> 使用 Layout 來排版 ZF 提供了一隻叫做 LAYOUT 的 API，其實他與 VIEW 是很像的，主要是協助我們來做網站的整體架構排版，如果是開發一個較完整的案子，一定都會遇到某些區塊是重複使用的，例如 header , footer...

Related posts brought to you by Yet Another Related Posts Plugin.