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

Home

一些學習與心得

  • 掰掰,UI Club 社團

    掰掰,UI Club 社團

    首先要感謝大家加入這個社團,UI Club 2015 成立至今也有 7 年了,這些年產業的變化很大,記得我剛入門介面設計時,一個人摸索著這個新的領域,使用的軟體…

    閱讀全文

    「huangruilin」的個人頭像
  • UI小知識 — State與Status有什麼不同?

    UI小知識 — State與Status有什麼不同?

    不知道大家在做圖時,有沒有遇到命名的問題,到底說明組件的狀態要用 state 還是 status?這兩個名詞的翻譯都是「狀態」,但使用上好像有點不太一樣,很有趣…

    閱讀全文

    「huangruilin」的個人頭像
  • 用戶行為模式(3) — 需求與動機的關係

    用戶行為模式(3) — 需求與動機的關係

    從上篇的討論我們可以知道動機 ≠ 需求,因為動機有分內、外在動機,這也驗證了一開始前面的那句話:「需求可能形成動機,但動機不一定就是需求」。所以,我們先給一個簡…

    閱讀全文

    「huangruilin」的個人頭像
  • 用戶行為模式(2) — 需求與動機

    用戶行為模式(2) — 需求與動機

    需求(Needs)與動機(Motivation),這兩個名詞很常見,但常常會被混在一起使用,我常常會問學生能理解需求跟動機的差異嗎?能完整回答出這兩個名詞差異的…

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計常見的「設計」詞彙

    介面設計常見的「設計」詞彙

    這篇文章主要是來介紹在介面設計文件中常見的設計詞彙,這些詞彙常見於各種規範文件;其實多數的設計詞彙並沒有正確或是一致的定義,通常都是各自習慣使用,這些詞彙大多是…

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計規範(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」的個人頭像