方格精選

【UI閱讀筆記】UI設計大進擊!

更新 發佈閱讀 3 分鐘

身為UI設計師,我該不該讀「操作介面設計模式」?

raw-image

自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。

初入UI設計這行,因為沒有任何相關知識,必須依賴書本自學,常常在Google搜尋、或仰賴UI/UX社團裡的前輩們推薦的書單做參考。其中,歐萊禮(O’Reilly)所出版的「操作介面設計模式」便常常出現在推薦書單中。

起初在查詢資料時,發現有關於歐萊禮出版的資訊書籍,幾乎都沒有什麼人撰寫書籍評論(?)也因為許多UI設計參考書都已經絕版了,要弄到手需要花費更大的力氣與成本,所以我決定開啟一系列的UI設計書籍閱讀筆記,讓初學者們比較能夠經由我的文章挑選到適合自己的書籍。

「當我們登峰造極,跨過星辰之後,最終抵達的可能是自己。」– 電影《星際救援》

關於「操作介面設計模式」

看書名就能了解本書大綱便是在闡述關於「操作介面」的設計概念,包含各種「可操作」的介面設計,所以也包含Photoshop等軟體介面唷!

本書將每種功能性介面做一個大整理,將相同目地的介面區塊能使用的介面設計方式條列並舉例,並逐條分析該情境下適合的內容。

例如我們最常使用的填入式清單頁面,本書在這個章節就提供了下拉式選擇器、滑桿與spinner等模式,並進一步闡述個個模式適合使用的情境。

我應該如何使用本書?

本書詳盡地列出了對照所有操作介面可使用的設計模式,我覺得可以將這本當成UI介面設計圖鑑,在設計UI介面時遇到瓶頸,可以翻一翻本書當作參考。

不過由於本書出版年代較為久遠,許多設計模式現在幾乎沒有人在使用。書中也較少提到在載體為行動裝置時所相應的解決方法,在這部分還是需要自己多去尋求案例來做參考,至於年代較久遠的介面設計方式,我想我們就看看就好。

本書適合什麼樣的人呢?

適合UI設計初學者、網頁設計師與對介面設計有興趣的人。本書雖然有許多較陌生的專有名詞,但因為有附上了許多案例圖片做參考,相信初學者也不會因此感到吃力。在介面設計的入門方面,也是很不錯的參考書。

raw-image
如果喜歡我的文章,歡迎幫我點個喜歡。如果想關注我的最新文章,歡迎追蹤我。
也歡迎留言告知我你的想法,感謝您的閱讀!😊
我出沒的地方↓
FB: https://reurl.cc/ZnMzKp
IG: https://www.instagram.com/out_of_design/
raw-image
raw-image


留言
avatar-img
留言分享你的想法!
avatar-img
Chris Peng的沙龍
60會員
20內容數
Chris Peng的沙龍的其他內容
2021/09/13
美感運動是一種生活態度 「美感培訓」在台灣教育裡一直是一個較不被重視的訓練,其實,美感是需要從小培養的,且擁有個人的美感不僅對創作有幫助,對於周邊的環境、人際間的影響力也會有顯著的提升!
Thumbnail
2021/09/13
美感運動是一種生活態度 「美感培訓」在台灣教育裡一直是一個較不被重視的訓練,其實,美感是需要從小培養的,且擁有個人的美感不僅對創作有幫助,對於周邊的環境、人際間的影響力也會有顯著的提升!
Thumbnail
2021/08/17
觸動人心的關鍵鑰匙 一、成功營造的品牌案例 「非常法國」的左岸咖啡館 巴黎塞納河畔到底有沒有一間「左岸咖啡館」?這不重要,重要的是,消費者相信真的有。
Thumbnail
2021/08/17
觸動人心的關鍵鑰匙 一、成功營造的品牌案例 「非常法國」的左岸咖啡館 巴黎塞納河畔到底有沒有一間「左岸咖啡館」?這不重要,重要的是,消費者相信真的有。
Thumbnail
2021/08/17
打造暢銷品牌的成功祕訣 這一次要來介紹的,便是設計出熊本熊吉祥物形象的日本設計師 — 水野學所撰寫的《品味,從知識開始》。
Thumbnail
2021/08/17
打造暢銷品牌的成功祕訣 這一次要來介紹的,便是設計出熊本熊吉祥物形象的日本設計師 — 水野學所撰寫的《品味,從知識開始》。
Thumbnail
看更多
你可能也想看
Thumbnail
今天跟讀書會夥伴討論,意外的發現我們已經維持這個讀書會的運作長達兩年了。雖然時間說長不長說短不短,但能在這段時間裡,每個人都主動願意投入固定的時間參與,我想我們中間一定做了什麼對的決定,所以決定自己覆盤一下整個讀書會至今的旅程。 最一開始,Design system 比較輕量的書單 玩心設計
Thumbnail
今天跟讀書會夥伴討論,意外的發現我們已經維持這個讀書會的運作長達兩年了。雖然時間說長不長說短不短,但能在這段時間裡,每個人都主動願意投入固定的時間參與,我想我們中間一定做了什麼對的決定,所以決定自己覆盤一下整個讀書會至今的旅程。 最一開始,Design system 比較輕量的書單 玩心設計
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
Thumbnail
深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
Thumbnail
做UI設計不懂程式也沒關係?甘五價好康? 「UI設計師需要會寫程式嗎?」 想當初在轉職前,我也曾經在網路上搜尋過這類的關鍵詞,也有許多UI大大撰寫過相關文章,爬梳過文章後,大部分的答案都是不用的。
Thumbnail
做UI設計不懂程式也沒關係?甘五價好康? 「UI設計師需要會寫程式嗎?」 想當初在轉職前,我也曾經在網路上搜尋過這類的關鍵詞,也有許多UI大大撰寫過相關文章,爬梳過文章後,大部分的答案都是不用的。
Thumbnail
一個UI設計師所應謹記的極簡心法 這次介紹的書比較特別,與往日的書籍介紹比起來,這本書並不是專門針對UI設計所撰寫的書籍,但是書裡所介紹的「極簡」設計觀念,我覺得是非常適合當作UI設計師在從事UI設計時,因為能有效提升使用體驗,而必須銘記在心的基本心法(?)
Thumbnail
一個UI設計師所應謹記的極簡心法 這次介紹的書比較特別,與往日的書籍介紹比起來,這本書並不是專門針對UI設計所撰寫的書籍,但是書裡所介紹的「極簡」設計觀念,我覺得是非常適合當作UI設計師在從事UI設計時,因為能有效提升使用體驗,而必須銘記在心的基本心法(?)
Thumbnail
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
Thumbnail
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
Thumbnail
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
Thumbnail
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News