Qlite 快來報價! 專為一人公司打造,輕量級 CRM 讓你輕鬆管理客戶與報價,按此免費開始 👉 [產品連結]

Home

一些學習與心得

  • 介面設計規範(UI Design Guideline)的撰寫方式

    介面設計規範(UI Design Guideline)的撰寫方式

    關於介面設計規範(UI Design Guideline;以下通稱 Guideline)的撰寫方式,其實目前並沒有一致的規則與邏輯,每一間公司或產品可能撰寫的方…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(2) — 設計的基本原則

    設計的心理學(2) — 設計的基本原則

    這篇文章分析《設計的心理學》中的設計原則,強調可發現性和易理解性的重要性。雖然書中提出七個設計原則,但作者認為易理解性在概念模型中有所體現。優秀設計應以用戶心智…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(1) — 行動的七個階段

    設計的心理學(1) — 行動的七個階段

    《設計的心理學》由唐納.諾曼所著,探討設計與認知心理學的結合,已出版第三版。書中介紹了行動的七個階段、心理歷程的三層級及七個設計原則,旨在協助設計師理解用戶目標…

    閱讀全文

    「huangruilin」的個人頭像
  • 用戶行為模式(1) — 用戶行為的五個階段

    用戶行為模式(1) — 用戶行為的五個階段

    個人投入ui/ux的教育領域有一段時間了,在數百次與學生互動過程中,累積了一些經驗,在反覆的聽取學生描述想法的過程中,我發現其實用戶的行為,應該有個穩定的模式,…

    閱讀全文

    「huangruilin」的個人頭像
  • 圖片先還是文字先

    圖片先還是文字先

    在進行介面設計時,常常會遇到圖文清單的頁面,這個頁面元件的特徵就是每一段文字標題,都會跟一張圖片,這是一種很常見的設計樣式(design pattern),而設…

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計Prototyping淺入淺出

    介面設計Prototyping淺入淺出

    關於prototyping(原型)設計,前陣子剛好在hpx的活動中有簡單的分享自己prototyping的經驗與想法,而這幾年也越來越多新的prototypin…

    閱讀全文

    「huangruilin」的個人頭像
  • 你是做UI的,那懂不懂UX?

    你是做UI的,那懂不懂UX?

    近來,身邊有很多朋友對於使用者界面設計師(UI Designer )跟使用者經驗設計師(UX Designer)感到混淆,在面試 UI Designer 時,除…

    閱讀全文

    「huangruilin」的個人頭像
  • Daily UI 邁向更好的設計師之路

    Daily UI 邁向更好的設計師之路

    Daily UI的挑戰,開始於一位設計師Paul Flavius Nechita,這位老兄在dribbble上,每天都貼一個介面的作品(不分平、假日),在瘋狂的…

    閱讀全文

    「huangruilin」的個人頭像
  • 視覺法則(2)— 格式塔原則

    視覺法則(2)— 格式塔原則

    這篇延續上篇格式塔的理論,整理了一些常用的原則,如同上一篇最後面提到的,格式塔的四個基礎,就好比數學的加、減、乘、除,而它的原則就好比代數運算。所以只要能夠掌握…

    閱讀全文

    「huangruilin」的個人頭像
  • 視覺法則(1) — 格式塔理論的四個基礎

    視覺法則(1) — 格式塔理論的四個基礎

    這篇要來討論一下格式塔理論(Gestalt theory),也就是格式塔心理學,或稱「完形心理學」。只要學過平面設計理論的人,應該多多少少都聽過格式塔的相關理論…

    閱讀全文

    「huangruilin」的個人頭像
  • 圖標還是文字?

    圖標還是文字?

    在討論產品界面設計時,設計師面臨選擇圖標或文字的挑戰。雖然圖標通常更具美觀和記憶性,但易辨識性不足會影響用戶理解。有效的設計結合預設用途與指意,透過迭代與A/B…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(5)— 概念模型

    設計的心理學(5)— 概念模型

    閱讀這篇前,可以先再複習一下前面提到的設計的基本原則,文中我有提到二大設計目標,其中一項就是「易理解性」,而易理解性根據我在文中解釋指的就是「概念模型」,也是我…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(4)— 對應性、回饋、使用局限

    設計的心理學(4)— 對應性、回饋、使用局限

    預設用途與指意的應用方式,其實就是在於與操作者之間關係的互動與指引,在本書在第三章,有提到關於人類大腦的記憶結構與行為模式;總而言之,結論就是「大腦有時並不是那…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(3)— 預設用途與指意

    設計的心理學(3)— 預設用途與指意

    預設用途是物體的屬性和操作者能否使用、如何使用這個物體的相對關係,中文或稱環境賦使、可操作暗示、支應性、示能性,而不管從中文或是英文的意思來看,預設用途的重點都…

    閱讀全文

    「huangruilin」的個人頭像
  • 切圖的細節—不會消失的一像素

    切圖的細節—不會消失的一像素

    這篇文章討論了切圖的細節,特別是使用工具Cut&Slice Me自動生成不同解析度的圖像。強調當圖小於1px時的意義,以及電腦如何透過補灰色來保持間隙可…

    閱讀全文

    「huangruilin」的個人頭像
  • iOS、Android 色彩透明度的標示方式

    iOS、Android 色彩透明度的標示方式

    早期網頁設計還沒支持透明度的屬性時,設計師要自己調色,來控制顏色的明暗,所以會發現許多網站關於灰階顏色的定義,基本上都用過一輪,但其實這樣的方式比較沒效率,後續…

    閱讀全文

    「huangruilin」的個人頭像
  • APP切圖的命名方式

    APP切圖的命名方式

    的命名方式,基本上沒有什麼固定的規則,但就我個人的經驗,切圖命名是一件很重要但很麻煩的事,一個 app 的開發,可能有數十張甚至百張的切圖,還要依不同解析度去做…

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計使用的繁體中文字體 –Android篇

    關於 Android 的介面設計,在前幾篇有提到相關的製圖環境設定: 如何在illustrator 上設定An

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計使用的繁體中文字體 – iOS篇

    介面設計使用的繁體中文字體 – iOS篇

    在進行介面繪製時,我們會盡量讓繪製出來的畫面能夠與工程師刻出來的畫面一致, 而字體的部份,也會使用裝置所預設的字體,如果為了美觀選了一些 iOS 沒有支援的字體…

    閱讀全文

    「huangruilin」的個人頭像
  • 金馬51主視覺分析

    金馬51主視覺分析

    這張圖片是金馬51的主視覺,是台灣知名設計師,蕭青陽的作品。當初這張作品出來時,被惡搞了一翻,但就設計的角度來

    閱讀全文

    「huangruilin」的個人頭像