iOS UI

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

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

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

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

Continue reading

emoji-00

emoji 時代的 9 個豆知識

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

 

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

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

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

Continue reading

phonenumber_00

UI 設計小技巧 – 電話號碼欄位

相信大家都有在介面中被要求填入電話號碼的經驗吧!是不是有時會發生格式難以理解而輸入易錯亂?亦或修改困難 … 等體驗不佳的情境?此時可能還因無法順利完成簡單的任務而責怪自己!其實這些在設計上都能被優化,只要設計師與工程師能多點同理心,考量上更加周延,這些情況絕對能避免的。而在這篇文章中,大舌頭將與大家分享 “表單(form)UI " 中關於 " 電話欄位 " 的設計細節。

Continue reading

sketch_00

Sketch 初心者在設計 UI 前要做的五件事!

就像廚師大展廚藝前要備菜一樣,產品設計師在做設計前,也應該把需要的材料都準備好,設計才會順利快速。Sketch 是現在 UI 設計師最喜愛的繪圖軟體之一,在開始繪製畫面與展開工作流程前,進入"可持續設計"的狀態是很重要的。在此,設計師 Jon Moore 分享給讀者 5 個 Sketch 繪製前要做的事情,協助你進入這個狀態裡:

Continue reading

go

小資族說走就走的機票比價神器 – HelloWings

2016年一轉眼,已經過一半!今年的你是否好好地放了個長假、出遠門旅遊?大舌頭認為生活不應該被工作完全佔據,所以打算來個深度自助旅遊。不過,相信各位喜愛規劃自助旅遊的讀者,應該都跟此刻的大舌頭一樣,在尋找合適價位的機票與不同航空機票的搭配上花了大量時間,特別是需要一家一家的查詢、比價 … 這可是大工程!不易利用瑣碎的空閒時間完成它。

好家在,大舌頭發現一個不錯的平台 – HelloWings,它 “整合" 了多家廉航航空的票價,並以 “視覺化" 的方式呈現,大大的解決上述問題的不便。所以特別帶大家導覽 HelloWings 這個平台,並從中體驗查詢廉航票價的流程與介面;也藉此探討這個平台未來的可能性。

 

Continue reading