【UI閱讀筆記】最適合UI設計初學者的入門書!
閱讀時間約 2 分鐘
多元裝置時代的網站UI/UX設計法則
第一篇介紹操作介面設計模式(歐萊禮出版)的文章意外地受到許多人的關注與拍手，在此先謝謝大家所給予的回饋與鼓勵，也從各個留言管道蒐集到了每個專業的UI設計師所提供的私藏書單，我會一本一本去找來看，再整理成心得文章分享給大家的!
感謝大家的厚愛，UI設計圈的大家意外的都非常溫柔呢ヽ(●´∀`●)ﾉ
在迪卡收到了匿名人士的留言，表示前一篇介紹的《操作介面設計模式》對初學者來說還是有點稍稍偏硬，所以這次，我特別找出了我剛開始學習UI設計時，讀起來最輕鬆易懂的書籍(雖然為了寫這篇文章，我又重新找出來讀XDD)。
準備好了嗎?那我們就要開始囉(*´▽`*)
「若想從一無所有做出個蘋果派來，首先你必須先創造宇宙。」－卡爾．薩根。
關於「多元裝置時代的網站UI/UX設計法則」
這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍，第一章開始便從UI設計的構造關係開始談起，之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式(ex.「佈局模式」的小章節中，便提到了從單欄式版型到三欄式版型的變化與適用的地方)。透過每一小區塊的詳細講解，還有彩色的附錄圖例，能幫助你更快速的了解網頁每個區塊的用法與特性唷！
第二章便開始介紹行動裝置的UI介面設計了，也是我認為本書最值得看的一個部分。藉由PC板與手機板、平板等行動裝置，常見的介面區塊做詳細說明與比較。讀者讀完第一章後，將對於網頁的基礎有了概念，這個時候將相同的概念帶入行動裝置的UI設計裡，我覺得是輕鬆並且好吸收的安排。
本書適合什麼樣的人呢?
本書適合對於網頁設計、UI設計「完全零基礎」的人。這本書不僅循序漸進的帶你了解網頁的架構與元件，書裡面收錄許多彩色圖例也讓人非常好吸收易懂。
本書出版於2014年，所以有許多概念都還是通用的，讀者也不需要花力氣去篩選掉與現代不符的設計方式，這是我覺得讀起來很輕鬆的一個地方。
購書連結
透過此連結購買本書將能讓我獲得一點點小小的收入，如果想買這本書來參考看看，歡迎透過此連結購買唷！ ❤
如果喜歡我的文章，歡迎幫我點個喜歡。如果想關注我的最新文章，歡迎追蹤我。
也歡迎留言告知我你的想法，感謝您的閱讀！😊
我出沒的地方↓
FB: https://reurl.cc/ZnMzKp
IG: https://www.instagram.com/out_of_design/
為什麼會看到廣告
59會員
20內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
Windows Clarity 是一種網站分析產品，讓網站設計師、開發人員可藉由它，更容易觀察用戶在網站的操作行為，協助更快速的優化網站，加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用，強化分析能力與優化網站效益。
UI設計是一個令人著迷的過程，它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段，包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作，以幫助您更好地理解每個階段的作用和重要性。
在今天的世界裡，資訊太多了，這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀，而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候，不是一個字母一個字母地去認，而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要，中間的字母即使亂了點，大多數人還是看得懂。
書籍重點以及想解決的問題:
如何抽絲剝繭出客戶要求的本質?
如何做出合乎設計法則的設計?
如何站在使用者立場思考、解決問題?
從零開始：給0經驗UI/UX轉職者的心靈雞湯與實用乾貨
在本來的行業感到迷惘
我是原白色，本來在一個跟UI/UX八竿子打不著的紡織領域，在人生迷惘非常久之後的2021年，某個可能是覺得「我受夠啦！」的時刻，或是「就要這樣一輩子了嗎？」的低谷心情，我開始了認真有了轉職的念頭，而且不僅止於想像...
「Feedback 回饋」是最直接面向使用者的一種元件分類，最常被拿來討論「這個功能友不友善」，這篇會整理常見的回饋元件，包含：模態（警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress）、非模態（互動元件 Modal、對話 Dialog）。
這篇主要整理常見的 Navigation 導覽元件，像是：選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
加入商業思維學院3個月，就能把學到的東西運用在工作中。而6個月後參加產品經理學習營，還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎，因此想和大家分享！
推薦給這些朋友：
持續在設計領域努力，最近卻有點茫然
對產品有熱情，卻找不到機會實
過去買線上課的糟糕經驗，導致現在購課都很猶豫
我們部門有一個美工團隊，以前稱為媒體設計（MD）
後來改名為UI團隊
某日，來了一位UI專家（空降的主管）。他說
他專研UI與使用者心理學…..八拉八拉
軟體的操作畫面並不是這麼簡單，必須經過研究、觀察使用者，不斷修正才行…八拉八拉
根據我的觀察，他的團隊仍是美工團隊
所以先用部門同仁測試
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
Windows Clarity 是一種網站分析產品，讓網站設計師、開發人員可藉由它，更容易觀察用戶在網站的操作行為，協助更快速的優化網站，加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用，強化分析能力與優化網站效益。
UI設計是一個令人著迷的過程，它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段，包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作，以幫助您更好地理解每個階段的作用和重要性。
在今天的世界裡，資訊太多了，這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀，而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候，不是一個字母一個字母地去認，而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要，中間的字母即使亂了點，大多數人還是看得懂。
書籍重點以及想解決的問題:
如何抽絲剝繭出客戶要求的本質?
如何做出合乎設計法則的設計?
如何站在使用者立場思考、解決問題?
從零開始：給0經驗UI/UX轉職者的心靈雞湯與實用乾貨
在本來的行業感到迷惘
我是原白色，本來在一個跟UI/UX八竿子打不著的紡織領域，在人生迷惘非常久之後的2021年，某個可能是覺得「我受夠啦！」的時刻，或是「就要這樣一輩子了嗎？」的低谷心情，我開始了認真有了轉職的念頭，而且不僅止於想像...
「Feedback 回饋」是最直接面向使用者的一種元件分類，最常被拿來討論「這個功能友不友善」，這篇會整理常見的回饋元件，包含：模態（警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress）、非模態（互動元件 Modal、對話 Dialog）。
這篇主要整理常見的 Navigation 導覽元件，像是：選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
加入商業思維學院3個月，就能把學到的東西運用在工作中。而6個月後參加產品經理學習營，還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎，因此想和大家分享！
推薦給這些朋友：
持續在設計領域努力，最近卻有點茫然
對產品有熱情，卻找不到機會實
過去買線上課的糟糕經驗，導致現在購課都很猶豫
我們部門有一個美工團隊，以前稱為媒體設計（MD）
後來改名為UI團隊
某日，來了一位UI專家（空降的主管）。他說
他專研UI與使用者心理學…..八拉八拉
軟體的操作畫面並不是這麼簡單，必須經過研究、觀察使用者，不斷修正才行…八拉八拉
根據我的觀察，他的團隊仍是美工團隊
所以先用部門同仁測試