賞‧令人驚艷的3D數位創作

我非常喜歡一些奇幻超現實的數位創作,這類型的創作有強烈的故事性,逼真細膩的場景搭配角色特殊設定,各種元素所構成的不合理畫面,總會讓欣賞的人掉入想像的漩渦。 這次要介紹的是3D數位影像製作的工作室Viaframe的作品, “Mirror,Mirror on the wall”這系列的作品是幫Galeria Kaufhof百貨公司所做的的秋季平面廣告,以攝影加上3D場景後製,形成一個黑暗的幻想童話世界,這些作品還有獲得PDN2012年度攝影/圖片庫類別的獎項喔! 蘑菇森林   一個人提著油燈向湖裡探去   書本的內頁是變形歪斜的臥室,一位少女獨自坐在床緣   模特兒拍攝現場   3D場景(左邊已經3D建模貼塗完成,右邊則是素描手繪稿)   在崩壞的房屋裡一個老人頹喪的坐在鋼琴前   模特兒拍攝…

【鼎香CIS】-包裝設計流程揭密

鼎香是一個CIS整合形象設計的專案,而客戶非常信任且放心的將專案交給飛爾酥,設計的過程中也都保持著良好的溝通,從概念的發想到雛形的設計到完稿進場製作… 目前專案到包裝設計完成已告一段落,而包裝設計的範疇非常廣,身為設計師你必須認識各種材質及加工方式,以及對立體造型有一定程度的熟悉,才能依照客戶需求去創造出獨具風格的包裝。 飛爾酥將這個專案的包裝設計流程整理出一些流程心得,分享給各位,也歡迎大家交流。 A. 前期製作(VI): 因為本篇的重點放在包裝,所以前期CIS的部份可以參考: 【鼎香CIS專案】淺述特色名片開發流程。 企業識別系統CIS概說。 一、需求了解 / 田野調查: 了解產品特性、並試用體會,然後跟客戶做需求訪談,了解企業文化及精神,然後將這些田野筆記整理、歸納,最後從中找尋包裝的風格與靈感,以及所想要傳達的目的。 二、概念發展 / 形象勾勒: 識別圖像化,並賦予圖像意義,然後進一步跟客戶討論出合適的方案。 三、完稿設計 / CI應用: 在電腦上將識別繪製完成,並進一步應用到VI的相關設計(例如:名片、信封、識別證等)。…

【飛爾卡卡】-立體名片設計流程揭密

想當年(遙望~),飛爾卡卡甫一推出時跟網友們的互動,前幾天不經意的又看到這篇文章,當初社群所激發出的熱情一股腦兒地衝上心頭… 因此趁著週末的時刻回顧了當初的製作過程,盡可能的挖出一些手稿跟半成品的照片,整理上來跟大家分享:D   一、概念發想: 當初的想法是希望做出一個非常特別的名片,首先外觀從立體的概念發想,接著希望賦予名片功能性的概念,因此發想出名片收納的idea。 二、手做測試: 為了更了解立體的成型方式,以及各種發展的可能,下載了一系列的立體卡片試做,好像回到小時候美勞課的樣子:)感覺很棒! 三、刀模繪製: 有了立體模型的概念後,接著就進入想法落實的階段,繪製設計草稿,使用工具Photoshop / Illustrator 將刀模/裁切線/折線都繪製清楚。 四、樣品製作: 先用卡紙噴墨列印,並配合簡單的工具將設計草稿給實體化,確認製作上的細節,這裡可能會需要反覆的修改,反覆的製作測試,以得最佳化的圖像及方式。 五、材質選用 / 加工方式: 經過反覆的修改後,要來選定紙張的材質,以及加工方式。 紙張選用:絢麗紙 /…

歐北來就想賴著你{全創作}-設計師專訪

「如果世界末日,台灣一定不會消失,因為這裡是一個用愛組成的島嶼」 憑著愛台灣的心,就想賴着你這系列作品想法開始蔓延出來,希望浸入到臺灣各地方,看到更多屬於我們的寶島故事。 歐北來就想賴着你系列-勇敢練習筆記本 勇敢是需要練習的 而那些練習,也許不過是習以為常的小事情。 設計介紹 低調又不單調。歐北來特有商標設計,用印壓的方式將歐北來獨特味道直接顯在封面上。 內封底,有旅行者遇到問題可以沿著範例教學,慢慢操練筆記本,開始記錄自己的回憶,而裡面還有不同主題。 貼心的使用說明,讓你快速上手記錄臺灣 為了讓筆記本更不一樣的,書背加上布的材質來襯托筆記本的質感 Q:挑選用材方面有特別的考量嗎? A:這本的目的是希望大家可以帶著筆記隨處走,所以材質上,得挑選耐用,所以利用厚紙板做加工。 內頁介紹 Q:稍微介紹內頁不同的設計嗎? A:我們內頁有分兩個主題-人物誌,紙面上有小小的人可以繪畫你遇到的人,在地特搜誌,可以把沿路所看到的照片,搭過的車票,一一收錄在紙夾層裡,如果要寄給朋友,夾層底部可以沾水黏合成信封形式,省下額外的步驟,不需要在特別花費什麼也能把祝福送給對方。 人物誌頁面,紙底人物描線,輔助還不擅長繪畫的朋友們 這是前期勇敢練習本的初版作品 夾層設計可方便蒐集唷   Q:對這本書的期待?…

飛爾酥創意設計 – 實習生招募中!

Love Design, and the world! 飛爾酥創意設計自2008年創立,至今已走過第六個年頭,網站所藴涵豐富的設計資訊,以及設計資源已成為設計師們不可或缺的好夥伴,平台經營至今,持續以提供豐富設計內容為主,而其內容產製則走向精緻化與專業化。 如果你曾是飛爾酥的閱聽眾一員,如果你對飛爾酥的網站經營感到好奇並想參與其中,如果你對網站企劃與架站設計充滿熱誠並略懂略懂, 如果你只是想認識飛爾酥(誤),歡迎你參與這次的實習,我們將會有非常多交流的機會!   申請需求 必備能力:需具備一項以上 平面設計(向量圖繪製能力) – Logo Design / Icon Design 平面設計(影像處理能力) – Photo-Manipulation…

大連賽高反思-傳達溫度的手繪網站

近日被喻為神作的”大連賽高科技”純手繪網站激起網友們熱情的討論, 『老闆不想花1K塊錢設計網站,但是還催他的下屬明天必須上線,於是神作誕生了。』 不管真是無預算的惡搞,抑或是行銷操作的試驗…… 能夠激起如此廣泛的討論的同時, 也反映出網頁設計趨勢從web2.0的立體漸層,到目前的Flat扁平化設計,都著重在數位介面的設計, 我們近期常見的設計趨勢不外乎:Responsive / Retina support /Fixed Header bar / Parallex / Sliding 等等, 幾乎都是技術性的用語,因為大家過於習慣將網路視為機械性的操作,而逐漸忽略了透過手繪才能傳達的溫度感。 這種感覺,就好像能夠飛快敲打鍵盤,卻無法提筆書寫,能夠精準用滑鼠描繪,卻忘了怎麼用色盤調色。 身為網頁設計師的你,有多久是除了畫wireframe的sketch之外,就沒再畫畫了呢?…

PAYPAL由知名設計師操刀 – LOGO換新裝

作為一個線上支付的領頭者,這次的改版又意味著什麼樣的改變?由Béhar的設計團隊(註一)所規劃的PayPal branding redesign計劃,他們認為PayPal 舊的logo的設計是意味著當初人們進入所謂線上支付世界的啟程,而如今PayPal需要的不光只是帳面上交易的數字,除了持續提升人們對PayPal的信賴感,他們而是需要更多創新的可能。 也因此,團隊希望PayPal的形象能夠添加彈性、年輕化的特色,並且往行動支付的領域邁進,所以新的visual identity 採用了知名的Futura(註二)作為typeface,字距更為緊湊(象徵行動支付更為緊密快速的連結),色彩更為明亮(更為年輕),跳脫出一般金融業較為沈重的氛圍。 而最明顯的改變就是兩個P重疊的圖像,取代了原本邊框以及上下區隔的樣式,讓P與P更緊密地重疊,其透明度的設計,同時象徵著PayPal透過交易將人與人之間串聯起來。 一個好的品牌識別,也能夠帶動企業內部的提升與創新,以及外部市場的認同與印象,這也是為什麼不同產業的不同品牌的logo / VIS每過一陣子3年5年10年,都會歷經或大或小的branding innovation革新工程,目的就在於更契合當時的企業文化與社會情境脈絡,並且有目的性的去追求組織的目標。     CIS企業識別設計系統,通常從MI(mind identity)發展,定調出理念與精神,然後再延伸到視覺VI(visual identity)的設計。   Sketch 草圖的繪製是一切的起源,從造型到樣式到顏色都在紙上不斷地進行討論。…

國內外政府網站設計大比拼

作為許多人民接觸政府的第一線媒介,政府網站的重要性不言而喻,政府網站要提供哪些資訊,滿足哪些設計原則呢?讓我們帶你一起探討國內外政府網站的設計差異吧! Raindrop.io是一款與社群結合的雲端書籤,除了基本的新增書籤功能之外,還能將書籤同步備份到雲端上,也提供瀏覽器擴充功能和App應用,可以在不同的載具和瀏覽器上隨時取用。此外,Raindrop還可以幫助使用者簡單地分類書籤,將新增後的網址文章、照片、影片等不同型態內容,進行基本的篩選,並自行加入摘要或心得。 雖然目前同步書籤的功能已有十分廣泛的應用,但Raindrop.io還結合了社群的書籤服務,以類似個人頻道的功能,幫助你建立自己的特色書籤,只要簡單地利用社群網站帳號登入,如Twitter、Facebook、Google等,就能夠輕鬆使用,而且網站整體的介面設計也十分簡潔明確,很好上手。 使用者需求出發-英國政府網站GOV.UK 這個看似簡單的英國政府網站GOV.UK被倫敦設計博物館(Design Museum)評選為2013年的年度設計(註二),沒有美麗的圖形介面,是一個完全以白底黑字、藍色文字連結,加上簡單搜尋列組成的網站,然而這是在考量網站使用者需求之後設計出來的。 通常一般人造訪政府網站並不是為了追求美麗的設計或娛樂體驗,而是為了快速查詢和獲取資訊,因此該網站將導覽列省略,取而代之的是大型的搜尋列及多個資訊索引分類的連結,雖然因此犧牲了美感,但相對地能讓使用者更專注於資料搜尋上,快速找到各種類型的所需資訊。 除此之外,政府網站的使用者有許多是科技運用能力較不足的中老年人,將網站進行一致性的簡化設計後,不僅能夠滿足各年齡層的使用需求,網頁載入速度也隨之加快,要獲取資訊就更便利了。 台灣政府網站-我的E政府 與上述GOV.UK比較,台灣的政府入口網站「我的E政府」,的服務導覽功能,依舊納入Flash動畫設計,使用者若透過舊型的上網載具、或是在戶外網路速度較不穩的移動設備上進行瀏覽時,容易因為無法顯示或延遲,造成不良的使用體驗。 此外,導覽列分類項的區隔也有點讓人摸不著頭緒,如「便利服務」和「分眾服務」兩個項目,容易造成選擇時的混淆;網站中也沒有將常見的需求和服務列在上方,加強任務的簡易性,而是要自行連結到下層單位或機關找尋,對部分使用者而言,可能難以維持耐心,進行這樣麻煩的瀏覽搜尋,也許進行不到一半就悻悻然離開了,這樣的設計顯然還有很大的進步空間。 比較   我的E政府 GOV.UK 基本設計 頁面以多個區塊組成,服務導覽加入Flash動畫 白底黑字為頁面基礎,多以文字連結取代圖形介面 導覽列 有,但選單項目可能混淆…

隨取隨用,RAINDROP.IO雲端書籤小幫手

曾經對於網站上的書籤,無法在不同載具間同步而感到困擾嗎?或者你有滿滿的口袋網站名單,想和專業的同好們一起分享嗎?這個Raindrop.io雲端書籤服務,帶你探索書籤的更多可能。 Raindrop.io是一款與社群結合的免費雲端書籤服務,除了提供基本的新增書籤功能之外,還能將書籤同步備份到雲端上,也提供瀏覽器擴充功能和App應用,可以在不同的載具和瀏覽器上隨時取用。此外,Raindrop還可以幫助使用者簡單地分類書籤,將新增後的網址文章、照片、影片等不同型態內容,進行基本的篩選,並自行加入摘要或心得。 雖然目前同步書籤的服務已有十分廣泛的應用,但Raindrop.io還結合了社群的書籤功能,以類似個人頻道的方式,幫助你建立自己的特色書籤,只要簡單地利用社群網站帳號登入,如Twitter、Facebook、Google等,就能夠輕鬆使用,而且網站整體的介面設計也十分簡潔明確,很好上手。 進入網站後登入註冊的畫面非常簡潔易懂,也可以透過其他的社群網站帳號直接登入 新增網站書籤的方式,主要分為透過瀏覽器的擴充功能或輸入網址二種 除了網站之外,Raindrop也提供了App的服務,即使透過不同的行動載具上網,也能輕鬆切換使用 Raindrop也整合了擴充功能,比如在Chrome瀏覽器新增後,只要點擊瀏覽器右上方的雲形圖標,便會在網站頁面右方滑出書籤介面,讓你隨時方便使用 Raindrop的書籤階層分為群組(group)和收藏(collection)兩類,group為較高層級的分類,使用者能夠在每個group項下建立多個collection,比方說我們將某個group命名為旅遊,之後便能在此項下建立國內旅遊和國外旅遊等不同的collection 在書籤介面中,只要在目標的收藏(collection)中點擊綠色的Save here按鈕,就能一鍵將網頁加入書籤,大大提高了便利性 使用者新增每個書籤的收藏(collection)後,還能夠針對圖標進行客製化的置換,將每一份收藏打造出屬於自己的風格 Raindrop也提供他人的公開書籤分享,以類似個人頻道的方式呈現,如果使用者對某個對象、或某主題的書籤清單感興趣,可以對它進行訂閱 比方說一個對設計素材有需求的使用者,找到這個感興趣的設計資源書籤頻道Photoshop and Design,裡面有它收集到的各種資源,可以加以利用並訂閱 使用者可以自行選擇書籤的排列方式,分為列表(上圖)和圖示(下圖)兩種,透過右上方的排列圖示自行切換 Raindrop可以幫助書籤進行分類,若使用者新增某篇不錯的文章、照片或影片網址,網站會協助進行簡單的分類,並能客制化調整文章、版面內容的大小、加入網站摘要或筆記,對於忙碌,無法即時在網站上收看內容的人來說,這樣簡單的分類設計非常有用。 使用者將某個書籤新增之後,可以編輯該書籤連結,如紀錄筆記、標籤、寫上心得,或節錄該網站的摘要等,與其他人分享。 心動了嗎?趕快來建立屬於自己特色的書籤頻道吧! Tags: bookmark, 免費線上服務, 書籤, 線上工具, 雲端服務…