iOS Guideline 怎麼看?(1)
這是給 UI 看的教學。發現太多人不看Guideline…基礎問題問了又問,明明官方文件擺在那。就算英文看不懂,Google 打下去對岸有很多翻譯成簡中版的。最最少留意一下尺寸吧?(這次的 iOS7 官方文件省略很多沒寫到、建議回頭去看看 iOS6 的Guideline,兩份加起來比較紮實。)
初學者的 Mockup
在畫好 Wireframe、定版後,就可以依照線框稿內容製作 Mockup 了。Mockup 有很多種說法,我當它是視覺稿,所有跟視覺有關的部份都會在這個階段產出。能夠用來製作 Mockup 的軟體有很多種,最大宗的就是 Photoshop。之前的文章都會說提升 PS 技巧,其實指的就是製作 Mockup 的能力,字體設計、按鈕樣式、扁平化、擬物風等等。
標示色碼的方法
在寫標示文件給 RD 前,先來了解一下何謂「色碼」。常見的色碼有幾種:HSB、RGB、CMYK、HEX…等等。各種色碼運用場合皆不相同,理解後再來看看 Android 和 iOS 需要什麼。
用 iPad 畫 Wireframe
用 iPad 畫 Wireframe最大好處是修改快速、製圖方便。紙本操作無法簡單實現「複製」、「復原」這兩個很常用的功能。若是想在 Wireframe 上加些色彩讓畫面分出區塊更易閱讀,紙本操作和使用 iPad 繪製的時間成本完全不是同個等級。畫 Wireframe 肯定會面臨多次修改的問題,使用紙本光是擦鉛筆線都累了,自從買了 iPad 後我就把創意發想階段轉移到 iPad 上執行。
問「為什麼」來分析、設計介面
相信大家在小時候都有問「為什麼」問到大人抓狂的經驗。「天空為什麼是藍的?」「地球為什麼是圓的?」等等,然後得不到答案或是被唬爛。前者牽涉到色彩學、後者和力學有關,就算大人懂也很難解釋給知識不足的小鬼頭聽,(所以我爸老是唬爛我。)這養成我遇到問題乾脆自己找答案比較快、省下被老爸唬爛還得翻白眼給他看的力氣。
高級美工
這兩篇文非常一針見血,捅下去都不覺得別人痛的。
英文原文:Faking the Shot : How Dribbble is hurting designers.
中文譯文+譯者心得:吐槽向 - 關於Dribbble、設計社區、圈子、互捧夠友…
活用 Google Map 規劃旅行
比起老公 Rianol Jou 視排行程如海軍陸戰隊的天堂路,我倒滿喜歡查資料作功課、整理、排序這類任務,八成是職業病。做 UI 也是搜尋使用者或客戶資訊、歸納分類。身為重度 Apple 產品粉絲,凡事都想數位化也是很合理的,Google Map 導航功能不知道救了多少次迷路的我們。為了確保每一個預定景點都能準時抵達,很早以前我就配合 Google Map 把旅遊行程用插點+文字註解的方式規劃在地圖上了。
PS 色彩管理與解析度設定
關於螢幕有太多學問,以 UI 的角度來談談給 UI 用的 Photoshop 螢幕設定吧,就「色彩管理」和「解析度」的部份。本文參考 Colour management and UI design 和 Designing for Retina display, part two 所寫。
8px 後續,模糊
8px那篇引起很多回應,我想這要從幾個角度來解釋。UI 口中的「糊」和 RD 眼裡的「糊」是有差的。圖片會糊的原因分成幾種:
- 小圖放大會糊。< 這是廢話,BJ4。
- 大圖縮小會糊。< 一定有人想問為什麼。
- 就算是向量檔,只要像素沒有對齊一樣會糊。
- PX 非整數。< Pixel 沒有0.x 這種數值。
關於 8px
淘寶網的官方Blog有篇「一张图解释手机端8px原理 」,簡單來說就是把 iOS 和 Android 放在一起比較。同時探討 1x、2x、ldpi、mdpi、hdpi、Xhdpi、xxhdpi 的尺寸與解析度。本文就以我個人角度提出看法。(圖片取自 Android - Devices and Displays )
學習UI/UX的四大重點
關於剛踏入業界需要準備什麼、或是想轉換跑道需要具備哪些技能,選擇 UI/UX 這條路就是要有包山包海的心理準備。大致上我會把它劃分成四大類,理論、實踐、技術、品味。這四類缺一不可。
Adobe Muse CC 心得
「Adobe Muse CC 是為了想要建立網站但不想撰寫程式碼的設計師而設計。」官網開章明義就直接寫了這句話。好吧如果是為了不會手寫Code的設計師、只需要產出一些不需要套用程式的網站的話,Muse 是滿有吸引力的。(先不提它產出的 Code 很噁心這件事…)