iOS UI

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

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

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

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

Continue reading

APP_00

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

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

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

Continue reading

job_人力銀行_1111_UI_設計

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

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

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

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

Continue reading

balto_000

如何讓 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-00

emoji 時代的 9 個豆知識

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

 

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

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

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

Continue reading