問「為什麼」來分析、設計介面

相信大家在小時候都有問「為什麼」問到大人抓狂的經驗。「天空為什麼是藍的？」「地球為什麼是圓的？」等等，然後得不到答案或是被唬爛。前者牽涉到色彩學、後者和力學有關，就算大人懂也很難解釋給知識不足的小鬼頭聽，（所以我爸老是唬爛我。）這養成我遇到問題乾脆自己找答案比較快、省下被老爸唬爛還得翻白眼給他看的力氣。

PS 色彩管理與解析度設定

關於螢幕有太多學問，以 UI 的角度來談談給 UI 用的 Photoshop 螢幕設定吧，就「色彩管理」和「解析度」的部份。本文參考 Colour management and UI design 和 Designing for Retina display, part two 所寫。

8px 後續，模糊

8px那篇引起很多回應，我想這要從幾個角度來解釋。UI 口中的「糊」和 RD 眼裡的「糊」是有差的。圖片會糊的原因分成幾種：

  1. 小圖放大會糊。< 這是廢話，BJ4。
  2. 大圖縮小會糊。< 一定有人想問為什麼。
  3. 就算是向量檔，只要像素沒有對齊一樣會糊。
  4. 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 很噁心這件事…）

關於使用者經驗測試

我很喜歡有人問問題，這表示不用絞盡腦汁想 blog 文章主題，有問題就盡量問吧，不管是留言、Twitter、或是寫信都可以。

「關於使用者體驗與使用者介面的測試，怎麼測試這樣的設計對使用者來說是好的？」

便宜有便宜的作法、難有難的深入，我的領域不是跟數據打交道的那塊，加上時間成本 和偷懶 我大多便宜了事（這麼理直氣壯的說好嗎？）以下是個人觀點。

免費切圖神器：Cut&Slice me

整個開發流程中我最愛的就是切圖部份了，這表示改得要死的 Mockup 終於過關了喔耶～就來分享一下切圖神器吧，業界最知名的有 2 套，功能有些不同，比較複雜的這套是免費的 Photoshop 外掛，先從免費的開始講起吧。

標示神器：MarkMan


一堆人問我的慣用工具…就先從愛用品開始講起吧。

UI 在切完圖後還有工作要做，不是一堆 .png 打包扔給 RD 就了事，圖檔名稱咧？尺寸咧？字體咧？色碼咧？這些都要告訴 RD 的吧？

我是UID，不是UXD


圖片出處：THE DISCIPLINES OF USER EXPERIENCE

當聽到有人說「我是做 UX 的」都不會覺得很奇怪嗎？使用者經驗要怎麼被「做」出來？

要解釋 UID 和 UXD 的不同就得拿出這張圖。它很清楚畫出 UID 和 UXD 的關連和差異。你可以看到紅色大框的「使用者經驗設計」中包含訊息架構、內容、視覺設計、互動設計、人機互動、聲音設計、工業設計、人因工程學、建築學。

UI/UX 大師都在講同一件事？其實就這麼簡單！

天下 UI/UX，殊途同歸。
說穿了，不就是讓使用者覺得好用？

這篇整理了「使用者經驗分層元素」「使用者經驗藏寶圖」「十大易用性原則」，一張圖解開設計的終極奧義。
還有人搶 UI/UX 秘籍？
秘籍也是人寫的，最重要的是動腦！

別再只看表面！UX 的五大層次你搞懂了嗎？

你以為 UI/UX 設計只是畫畫圖、調調色？
其實，使用者經驗分層元素，從策略到表層，每一層都有學問。
想知道怎麼樣才能讓你的設計更上一層樓？
繼續看下去吧！

文章分類

wave