飲料換包裝設計,但在超商卻找不到?是行銷手法?還是另有原因呢?

九月下旬,統一木瓜、西瓜牛奶推出新 包裝設計,與知名插畫家合作,並透過網紅進行宣傳。不過,為何各大超商架上卻看不見新包裝亮相呢?

Nuomi諾米,台灣極具特色的插畫家之一。是桌遊台北大空襲的負責視覺、旅人島的作者,創作大玩立體建築與透視風格。此次 Nuomi 與統一合作 — — 麻吉冰果室新包裝成品令人驚艷,木瓜牛奶和西瓜牛奶各出一款,平面透過包裝角度偏轉後,拍起照看起來就像立體的一樣。

Continue reading

視覺設計 與 UI 設計 邏輯相違背時,該如何取捨?

本文除了一起欣賞2017台北客家主 視覺設計 外,也用 UIUX 的角度分析:『當平面設計和使用者介面的習慣產生衝突時,設計師該如何做取捨呢?』

近幾年,台灣設計美學越來越精彩,政府及各單位開始和業界重磅設計師合作,打造出許多好作品,促成行銷和設計的雙贏局面。最近出色的 視覺設計 像是『2017台北國慶主視覺』、『2017 世界音樂節』及『2017台北客家義民嘉年華』,都讓人印象很深刻。 Continue reading

企業導入 UX 很難嗎? 一段 PM 的血淚史分享

之前做產品經理(PM)時,公司決定導入UX 的職位、設計與文化。當時我是第一次接觸 UX 的觀念(不只是我,整個公司都是第一次),在與 UX 設計師 合作專案時,發生了許多的互動磨合的片段,簡直可用血淚史來形容。至今,許多問題我心中還是沒有標準答案,因此把整個過程記錄下來分析與檢討,同時思考如果再來一次,我會怎麼做。

Continue reading

UI 對話框 的設計大有學問,看設計師如何思考

作者 usagimaru 目前在 Goodpatch 身兼 Application Designer 和 Interface developer,對於 UI 設計和 Interaction 都有涉略,並將其應用在 App 設計開發當中。在 Goodpatch 經手過「さんちの手帖」「VEGERY」「JINS MEME OFFICE v1」等三隻 iOS App 的開發。

本篇作者平時就常撰寫以開發者角度來觀察使用者介面的文章,這次將以「文字用語」為主題,試著剖析 iOS 中的 對話框 設計。大舌頭強烈建議讀者可以從頭到尾看完喔,對初階設計師來說,可以讓思考更加全面;對於非設計師而言,可以了解為什麼設計真的是門專業,以及為什麼需要花那麼多時間囉~

原文由 Goodpatch 投稿提供 -從「取消的取消」問題思考如何設計對話框

Continue reading

你可能不知道的 – 關於 iOS 切圖那點事

講在前面:其實這一系列文章原本想取名叫「與看不出圖片糊掉的工程師戰鬥系列」,開玩笑的 (逃)~好啦!我只是想先跟各位夥伴說 … 文中所提到的習慣跟技巧都是以個人經驗為主,並不代表「這麼做就一定是正確的」!同事間能一起開開心心、快快樂樂工作的方法肯定就是好方法。如果內容有錯誤或是需要修正的地方,歡迎各位前輩給予指教,讓我們大家一起加油!

本篇文章中將提及的內容包含:

  • ICON 的切圖該如何處理?
  • PDF 圖檔要注意些什麼?
  • PNG 圖檔要注意些什麼?
  • 按鈕的切圖該如何處理?
  • 設計師常常忽略的那點事

Continue reading

製作 APP 的介紹影片,該注意哪些要點呢?

APP 產品推出市場時,大多會透過短片進行宣傳,短片可以在短時間之內讓使用者快速了解產品的特色與精神,而且方便分享傳播。以 Google 的 APP 為例,幾乎每個 APP 都會有一個介紹影片。

APP 介紹影片通常用來講述設計問題、設計的特點以及如何操作使用。那麼,怎樣才是一個好的介紹影片呢?從我們替客戶製作 APP 介紹影片的經驗與 Google APP的影片中,我們提出了 7 點對於 APP 介紹影片製作的看法。

Continue reading

設計 “ 找工作 APP ” 的概念與流程分享

大多人力銀行的 ” 找工作 ” app 都還是走傳統九宮格、網頁的設計模式,老實說,這樣的設計已經不符合現代,且美感也差了一大截,更不用說好不好用了。

剛好有機會可以重新規劃人力銀行的 ” 找工作 ” app,當時我就決定要讓找工作這件事也要有美感。不過,對於 90 % 都是文字的產品來說是個大挑戰。另外在體驗上當然不能像飲料換包裝而已,必須要有實質提升,例如減少頁面、簡化流程及操作、提升使用效率、在頁面更少及使用平均時間不變下,相較舊版平均瀏覽頁數提升 30 % 等。以下就分享 “找工作” app 的設計思維,希望能給大家不一樣的想法。

SHEJI.AI:我們以為改變在未來 2年內都不會發生,卻沒想到,在 10個月前已經悄悄開始

Continue reading

如何讓 app 的產品回饋更流暢 – Balto 的設計流程

Kawamata Satoshi 是日本的設計師,在日本知名電機製造商的設計部門磨練後,進入 Goodpatch 擔任產品設計師。這位日本設計師時常從定性 (質性) 訪談以及觀察進行深度學習,且擅長發現問題以及分析。在完整的軟體開發流程中,從概念架構到設計製作皆不陌生。在 Goodpatch 的設計委託案部門經歷過數個專案後,於 2016 年轉到自家產品開發部門,且首度經手的產品 Balto 即獲得 Good Design 獎殊榮。

balto Logo

Continue reading

framer flows

Framer Flows 初體驗

Framer 不適合製作頁面流程 (暫時)
建議大家不要拿 Framer 來製作頁面流程的原型。因為有比 Framer 更方便的工具,像是 Prott、Flinto 以及 Invision 等等。

還記得在開始寫 Framer 教學時,曾寫下上述的建言,而那時不知為何在句子後面加上了 ”暫時” 兩個字,也許隱約察覺到 Framer 團隊遲早會針對頁面流程,提出更好的解決方案。而就在前一陣子,他們推出了 Framer Flows !

Continue reading

emoji 時代的 9 個豆知識

本文章已獲得作者 Winston 授權,轉載自:emoji 時代的 9 個豆知識,原文出處 justfont

 

2015 年,權威的牛津字典做了一件看似很反權威的事情,他們把 ? 列為年度單字。這個字,在 Mac 的 emoji 列表中的名字是「喜極而泣的表情」;如果在 Mac 電腦打「哭笑」也可以選到這個字。但仔細研究後,顯然有其分別。例如這符號到底是喜極而泣,還是又哭又笑;是笑中帶淚,還是笑到噴淚呢⋯⋯

要探究這個問題,需歸結到 emoji 是什麼?它是「文字」嗎?不,它是「絵文字」。他的基礎是畫,所以它不能算是文字。而且如果說 emoji 是文字,那麼世界上存在一個「字集」來定義究竟總共該有哪些 emoji ?又或者 emoji 有「次序」?例如 ABCD 或ㄅㄆㄇ 那樣?為什麼笑臉(?)一定在便便(?)的前面呢?這沒有邏輯對吧。

但他真的,到底,你說說,真的不能算文字嗎?Unicode 可是有定義個別符號的碼位的,也能被打字出來,甚至它還裝成了字型檔呢。技術上來說,emoji 確實是文字。

Continue reading

分享我在澳洲尋找 UIUX的工作 經驗

小弟台灣魯蛇設計師一枚,在國內職場上打混了八、九年,從一開始的 web designer 做到 GUI 再到 UIUX。就在工作一段時間後,意識到在國內的職場生態中,身為一位 designer 要往上發展的空間其實很有限。在台北,我面試過很多公司,其中包含了 Mozilla, TrendMicro, Asus 等等,大概能叫出名字的我都去過了。面試了這麼多其實很失望,因為在台灣有能力的人不會被重視,學歷高過於實戰經驗,有缺永遠也輪不到你。

而讓我下定決心出國工作則是因為某次面試的主管說了一句話:你工作這麼多年怎麼還在待這樣的職位?身為金牛座的我其實 “點” 很少,但一被踩到就如同水閘門被開啟,一發不可收拾!有一天,聽到前同事到澳洲做前端工程師的消息,便開始想像在澳洲是否也能找到設計相關職缺?我的學歷普通,國立大學的設計科系畢業當完兵後直接出社會,也曾想過出國讀書但礙於沒有費用,因此趁這個機會體驗不同的環境也許是個機會。

我沒有研究所學歷,也沒機會出國念書,但這並不阻擋我找海外工作的決心。在來澳洲前也曾經嘗試其他國家的職缺面試,但總覺得不是很喜歡,在經過一陣子的考慮後決定把台灣工作辭掉來澳洲謀職。現在回頭看看當時,也是蠻勇敢的!畢竟我是家中的經濟支柱,把工作辭了跑來澳洲算是賭很大~

Continue reading