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

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

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

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

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

設計師不看Guideline,結果令人震驚

你是不是覺得設計指導方針是多此一舉?
別傻了!不遵守它,設計出來的介面不是醜就是難用。
想知道為什麼?繼續看下去吧!

初學者常犯的錯誤:忽視 UI Flow 的重要性

還沒畫 UI Flow 就開始設計?
這就像還沒規劃路線就開車上路,迷路是必然的!
UI Flow 能幫助理清使用者動線,讓介面更直覺。

創業初期,抄襲真的能讓你成功嗎?

每次遇到創業者說:「我們就照著某某 App 做吧!」我都想翻白眼。
抄襲不等於成功,原創設計才是長久之道。

真實案例分享:運用HSB模式提升設計配色

每次看到設計師在配色時手忙腳亂,我都想說:「試試 HSB 模式吧!」
透過調整色相、彩度和明度,讓你的設計配色更和諧,視覺效果更統一。

避免將互動設計等同於介面設計,了解兩者差異

每次看到設計師只關注畫面美觀,忽略使用者互動,
我都想說:「別只顧著外表,內在互動才是關鍵!」

開發前的冷靜思考:你的App點子真的獨特嗎?

每次聽到有人興奮地說:「這點子太棒了,肯定大賣!」
我都想潑盆冷水。
在開發前,先冷靜評估市場與自身能力,別讓熱情蒙蔽了理智。

各式按鈕背景:進階篇

32.jpg
這篇會教大家怎麼在按鈕外圍做一圈凹陷的陰影,為了教學需要、有故意將效果做得誇張些。如果知道原理了、記得把數值調小一點比較自然。請接續各式按鈕背景:基本篇 製作~

直式與橫式螢幕設計的挑戰與解決方案

每次看到使用者拿著手機,橫豎切換自如,我都在想:「他們知道這背後的設計巧思嗎?」
Portrait 和 Landscape。
螢幕方向不只是視覺上的轉變,更是使用者體驗的關鍵。

無損圖片的介面製作方式(上)

目前市面上最常見的被用來設計 APP 介面軟體為 Adobe 的 Photoshop 和 Illustrator。Illustrator 屬向量軟體,不管再多次的放大縮小,向量圖的質量不會因此改變。Photoshop 是繪圖影像處理軟體,像素圖片一經放大縮小後畫質會變差,偏偏目前 iOS 需製作 2 種、Android 至少也要作 3 種尺寸的圖檔,有時候還會有不知道哪邊來的交辦要 UI 協助製作「等身高大 iPhone」。為了提升畫面的精緻度(和對付這種強人所難的需求),還是盡量以無損圖片方式製作圖稿、運用比較靈活。

十大易用性原則:設計師不可忽視的指南

每次看到設計師自信滿滿地展示他們的「創新」設計,我都忍不住想問:
「你考慮過使用者的感受嗎?」
易用性不是選修課,而是設計的基本功。