從公共設計看新北市門牌選色
新北市政府這篇換門牌的 貼文 引起很大的討論聲音。尤其是「配色」方面得到許多負面評價,就來看看這幾個顏色出了什麼問題吧!
RWD 怎麼畫 Wireframe?
之前曾經去演講過的學校,有學生傳訊問了關於 RWD 設計的問題。
設計師在繪製 RWD 網站的 Wireframe 時,會繪製 PC 和 Mobile 兩個版本嗎?或是直接使用軟體去做版本之間的切換呢?
若是沒有軟體可以直接使用的話,那又要如何繪製兩種版本的 Wireframe 呢?
px、pt、dp、sp 大混戰
dpi、ppi、px、pt、dp、sp 之類的名詞釋義網路文章已經有很多,但全部混在一起運用到 Mockup 上時該怎麼處理?
這個問題其實我也爬了滿久的文,沒翻到有比較完整的說法,所以自己整理了一篇。
怎麼把「微互動」融入開發中?
我的 UI 課會花一個上午講解微互動,但 Blog 上遲遲沒有分享相關的資訊。應該說我花了很長一段時間去驗證和釐清自己的想法。課程能有連貫的一路講下去,但 Blog 分享內容片段要怎麼寫頗棘手…
首先,微互動一書中第 3 頁就提到「微互動是一個產品的功能、互動細節」。說穿了,這一點都不是「微」,微互動就是互動! 和主要功能不同點在於「大小」和「範圍」,主要功能通常是複雜的、多使用情境。而微互動偏向簡單、輕薄短小。
iOS 11 關於 iPhoneX 的尺寸與版面
每次 Apple 發表會結束,出現新版的 macOS 或 iOS 時,我都很想仰天大喊「殺~人~喔~」。這次 iOS 11 當然有改新東西,但變化最大的是 iPhoneX 。
發表會一結束就跑去看 Guidelines 是 UI 設計師必備行為。
不給退訂的東森購物電子報
2017.07.31 更新:可以退訂了,多了一個「取消訂閱」的選項。
我被東森購物電子報整到已經有種「在這裡購物是我的錯」的感覺了。不想讓人退訂電子報就說啊!做這種浪費大家時間的設計…
內容清單 Content Inventory
對於 UI 設計來說,「內容」有 4 種:圖片、影片、聲音、文字。不管使用者最終想看到什麼、操作什麼樣的任務,都需要「內容」。那在開發流程中,「內容」會在什麼時候決定?
自學 UI/UX 各階段心路分享
收到很多剛踏入 UI/UX 這個領域的學生或設計師傳訊,他們迷惘,並且擔心自己的未來…我又不是神怎麼會知道你的未來是什麼?只能分享自己自學 UI/UX 各階段的心路歷程供參考了。
先瞭解使用者操作,還是先畫 Wireframe?
設計 UI 的思考順序各位覺得該是什麼樣子的呢?
- 先出 Wireframe,再來想使用者會怎麼操作。
- 先確認使用者會怎麼使用產品功能,再來思考 Wireframe 怎麼畫。
習慣用 Photoshop 畫 Mockup 的理由
繪製 Mockup 的工具,目前戰最兇的應該就是 PS 和 Sketch 吧,在課堂上有學員問了這個問題。我自己是 Photoshop 派的,會推薦初學者學習的也絕對是 Photoshop。
UI 設計師看 Auto Layout
我買了 Simon Ng 寫的 iOS 9 App程式設計實力超進化實戰攻略 (Beginning iOS 9 Programming with Swift) ,學習怎麼用 Xcode 和 Swift 做 App。
這本書非常推薦設計師和完全不懂程式的初學者購買,前幾章都在講 Xcode 的 GUI 操作和實例,跟著範例自己做個會動的頁面出來很有成就感,能學到很多。
UI/UX 工作的職責劃分
網路上對於 UI 和 UX 的謬談 這篇留言數量頗多,其中一則留言我另開這篇文來回答。
這張圖是 Dan Saffer 畫的,指的是 UX 包含那些範圍,可以看到並沒有「UI」的圓圈。