① 求《認知與設計理解UI設計准則第2版》全文免費下載百度網盤資源,謝謝~
《認知與設計理解UI設計准則第2版》網路網盤pdf最新全集下載:
鏈接: https://pan..com/s/1rCd7dix0VxFFlt74iyV_0g
② 《術與道移動應用UI設計必修課》pdf下載在線閱讀全文,求百度網盤雲資源
《術與道 移動應用UI設計必修課》(余振華)電子書網盤下載免費在線閱讀
資源鏈接:
鏈接: https://pan..com/s/1ZXeHc8PLpvLbU7jIp957Bg
書名:術與道 移動應用UI設計必修課
作者:余振華
豆瓣評分:7.5
出版社:人民郵電出版社
出版年份:2016-4-1
頁數:212
內容簡介:
這是一本系統介紹移動設計知識的書籍, 全書分為上下兩篇。
上篇為術之篇,主要講解了移動應用設計相關的基礎知識。通過基礎知識的學習,使大家了解手機屏幕顯示的原理及各種手機硬體的感測器使用方法。通過講解基本的設計規范及圖標設計方法,使讀者初步掌握移動應用設計知識。
下篇為道之篇,是進階應用設計知識,詳細講解了從如何組建設計規范,到各種組件的功能介紹及應用設計方法,使讀者完整掌握移動應用的設計方法和流程。本書通過大量的案例演示,使讀者可以靈活運用設計方法理論。
本書適合想要從事和已經從事UI設計行業相關工作的讀者學習使用,也可以作為高校平面設計、網頁設計等相關專業和相關培訓機構的教學參考書。
作者簡介:
余振華是站酷最早一批推薦設計師、十餘年GUI、WUI設計從業經歷。國內專業網站發表過多篇設計研究文章。多年設計團隊管理經歷,負責過流量千萬級的電商網站,以及下載量億級應用的無線設計團隊管理。目前正積極探索視覺設計在工作流程中的職能和方法,整理和實施視覺設計的相關設計規范和標准,指導更多的設計師成長 。
③ 《好設計不簡單ⅡUI設計師必須了解的那些事》pdf下載在線閱讀,求百度網盤雲資源
《好設計不簡單Ⅱ》([日] 古賀直樹)電子書網盤下載免費在線閱讀
資源鏈接:
鏈接:https://pan..com/s/1GIMZjc6pOuwgQeS5vIKRcQ
書名:好設計不簡單Ⅱ
作者:[日] 古賀直樹
譯者:張君艷
豆瓣評分:6.1
出版社:人民郵電出版社
出版年份:2014-8
頁數:192
內容簡介:
本書作者根據多年的從業經驗,剖析用戶的心理,從飲水機、門把手等日常生活中的常見物品出發,針對文字、圖標、形狀、顏色、動態效果等方面,就如何製作出友好的界面、如何通過UI設計避免人為失誤等問題,給出了大量簡單、易行的建議。書中列舉的大量應用實例使枯燥的設計原理變得平易近人。
本書適合各行業的UI設計人員,特別是應用程序開發、web設計的技術人員閱讀。
作者簡介:
古賀直樹
東京理科大學應用數學系畢業。1990年投身教育軟體開發行業,創立FUNTECH公司,任董事長。從MS-DOS時代起就致力於圖形界面設計的研究,曾製作了「游戲工匠」「童話工匠」等多款教娛軟體。現主要從事業務系統顧問和設計工作。著有《系統學習計算機語言》(合著,日經BP社)等。
④ 《移動應用UI設計模式》pdf下載在線閱讀全文,求百度網盤雲資源
《移動應用UI設計模式(第2版)》([美] Theresa Neil)電子書網盤下載免費在線閱讀
鏈接: https://pan..com/s/1GHg6kpqQbVBbBqHcOzF10w
書名:移動應用UI設計模式(第2版)
作者:[美] Theresa Neil
譯者:田原
豆瓣評分:8.1
出版社:人民郵電出版社
出版年份:2015-1
頁數:330
內容簡介:
《移動應用UI設計模式(第2版)》是暢銷手冊的擴容版,上一版分10大類分別介紹了70種移動應用設計模式,深受讀者歡迎。這一版分11 大類介紹了時下安卓、iOS以及Windows Phone平台上90 多種移動應用設計模式(包括導航,表單,表格,搜索、排序和篩選,工具,圖表,引導和視覺吸引,社交,反饋與功能可見性,幫助,以及反模式),用1000張屏幕截圖和圖解幫助讀者更好地理解和利用這些模式,以解決常見的設計難題,同時提供了即學即用式的技巧和經驗。
本書適合創造移動應用的產品經理、開發人員和UI 設計師閱讀。
作者簡介:
Theresa Neil
美國得克薩斯州奧斯汀市的一名用戶體驗咨詢師,國際知名設計專家,致力於打造外觀優美、功能完善的產品。她的著作和演講幫助眾多IT從業者提高了自身的設計技能,創造出了更好的用戶體驗。2013年,她被美國知名的科技博客Business Insider評為「科技領域最優秀的75位設計師」之一,排名第28位。她的網站是:www.theresaneil.com。
⑤ 《移動應用UI設計模式》pdf下載在線閱讀,求百度網盤雲資源
《移動應用UI設計模式》([美] Theresa Neil)電子書網盤下載免費在線閱讀
鏈接:https://pan..com/s/1gc4vMze_QKDoPyID6LGiTQ
書名:移動應用UI設計模式
作者:[美] Theresa Neil
譯者:王軍鋒
豆瓣評分:7.2
出版社:人民郵電出版社
出版年份:2013-1-1
頁數:206
內容簡介:
內容簡介:
當你迫於壓力,要製作出設計精良、易於使用的移動應用時,根本就沒時間進行完全的創新。這本簡要的手冊提供了70多種移動應用設計模式作為參考,包括了從當前iOS、Android、BlackBerry、WebOS、Windows Mobile以及Symbian平台中提取的超過400張的應用截圖。
用戶體驗設計大師Theresa Neil將向你介紹包括反模式在內的10種不同類型的設計模式。無論你正在設計一款簡單的iPhone應用,還是開發適用於當前市場上所有流行移動操作系統的應用,這些設計模式都能助你一臂之力。
本書包括以下設計模式。
導航:主要導航和次要導航模式
表單:改變全行業不良的表單設計習慣
表格和列表:只顯示最重要的信息
搜索、分類和過濾:讓這些功能易於使用
工具:營造直接交互的體驗
圖表:借鑒基本圖表的經典設計理念
視覺吸引:吸引用戶並促使其發現產品功能
控制與反饋:幫助用戶執行操作並及時提供反饋
幫助:把小型設計理念應用到幫助頁面的設計中去
作者簡介:
Theresa Neil 是德克薩斯州奧斯汀市的一名用戶體驗咨詢師。她組建了一個用戶體驗設計小組,其中的設計師和開發人員都具有十分豐富的從業經驗。她的設計小組與客戶緊密協同,致力於創建能令人產生愉悅、提升工作效率和自信心的產品。她最新的項目是為餐館設計一款桌面應用程序,讓客戶能在自己的餐桌前點餐。其他更多項目,請瀏覽她的網站www.theresaneil.com,或訪問她的Twitter 賬戶@theresaneil。
⑥ 《認知與設計理解UI設計准則第2版》pdf下載在線閱讀全文,求百度網盤雲資源
《認知與設計理解UI設計准則第2版》網路網盤pdf最新全集下載:
鏈接: https://pan..com/s/1rCd7dix0VxFFlt74iyV_0g
⑦ 《UI設計點滴》pdf下載在線閱讀全文,求百度網盤雲資源
《UI設計點滴》網路網盤pdf最新全集下載:
鏈接: https://pan..com/s/1PlwjCsUuSYL8b3yCY_M53w
⑧ UI設計規范
概念,靈感,方法和工具概念:設計互聯網產品,Style Guide / Pattern Library 和純粹的 Specification 各具不同功能和作用,卻都含「設計規范」的概念。1. Style Guide / Pattern Library:偏重視覺概念,一般以文檔或圖像格式呈現(不限定)。內容:對設計作品中的字體(Typeface)、字型(Font)、色板、品牌標識規范(Brand Guideline)、Icon 等要素作出展示和說明。主要作用於設計團隊或設計師之間,展示產品的視覺設計風格。便於風格復用,規范第三方的品牌塑造(Branding)和接入。實例參考(更多參考下文中「靈感」):Brand Assets | KickstarterLogos & branding | Dropbox2. Style Guide / Pattern Library:偏重(Web 前端)開發概念,基本都以網頁文檔形式呈現。內容:對界面元素(UI Elements)的樣式風格及實現其效果所對應的代碼片段(HTML, CSS)作出說明解釋,包含交互和動效設計(以 JavaScript 為主,更多信息參考:界面動效設計方法有哪些?)。例如:常見的基礎布局(Grid System)、字體排版(Typography)、按鈕、菜單、列表、對話框(Dialog)、Tooltip 等等。用於團隊 Web 設計和開發協作,統一產品風格。復用時提升工作效率,同時也保證用戶體驗質量。實例參考(更多參考下文中「靈感」):Pattern Library | MailChimpMapbox styleguide | Mapbox概念 1 和 2 結合的實例(更多參考下文中「靈感」):Proct Style Guide, Visual guidelines | SalesforceStyle Guide | Lonely Planet3. Specification (Spec):介於設計與開發之間,由設計師直接在視覺稿(Mockup)中創建。內容:主要由 Annotation(注釋,國內俗稱「標注」)和 Measurement(量度)構成。Annotation 既注釋設計稿中界面元素所使用的字體字型、色值等,Measurement 則註明各元素的尺寸及它們的邊距,留白等。用於設計師與開發人員之間溝通和工作交接,保證開發出地產品界面和視覺稿高度統一。______________________________________________________________________________________靈感:一些常用的項目和文檔都有採用上述的「概念」,比如採用了概念 1 的:iOS Human Interface GuidelinesMaterial Guidelines採用概念 2 的:SkeletonPureBootstrap而概念 3 往往僅在公司或團隊內部使用(詳見下文「工具」)。靈感和實例資源:Website Style Guide Resources | 收錄大量案例,該項目同時也收錄了相關文章、工具、書籍、播客等。Find Guidelines | 一個直觀的 Guideline 官方鏈接收集列表。Brand Style Guide Examples | 同上All The Style Guides | 同上,託管在 Tumblr ,以博客形式呈現。______________________________________________________________________________________方法和工具:1. Style Guide / Pattern Library:方法不限,以能夠准確展現視覺設計風格和品牌識別(Identity)的規范為標准。正因其偏視覺化,編寫文檔不是必須的,可直接用圖形編輯軟體產出。例如:Airbnb UI Toolkit WebSalesforce1 UI KitHousing UI Style Guide也可藉助工具:Style Inventory for Sketch | Sketch 插件,基於視覺稿生成 「Style Guide」。Style Tiles | 用於快速製作「Style Guide」的 PSD 模版,Frontify Style Guide | Frontify 是一個面向設計團隊的協作平台,提供「Style Guide」生成和「Spec」工具。CSS Stats | 解析 URl 對應網站的 Style(主要依靠分析 CSS 文件),展示相關信息,比如字體尺寸(font-size)、色板、浮動(float)採用數量等。Stylify Me | 填入網站 URL,自動生成對應頁面的「Style Guide」。提供 PDF 文件保存。2. Style Guide / Pattern Library:因要製作出網頁文檔,且其中含有大量的 Web 組件(代碼片段)和元素(視覺),可藉助前端框架高效產出,比如相對大眾的 Bootstrap,Semantic UI。在大量的自由和開源前端框架項目中,選擇有維護支持,自身喜歡或熟悉的即可。可用工具:設計師 Brad Frost 有一套叫做「原子設計(Atomic Design)」的 Web 設計理論,在該領域有一定影響,其核心概念就是復用「Pattern Library」,高率生產 Web 頁面:Atomic Design | Brad Frost他為該理論創建了一個開源項目,基於 PHP:Pattern Lab | Build Atomic Design SystemsWeb Starter Kit(HTML, CSS, JS) | Google Web Fundamentals 提供的 Web 生產樣板,支持創建「Pattern Library」形式的文檔。Style Guide Boilerplate(PHP) | 「Pattern Library」樣板,類似 Pattern Lab。更多方法類文章和工具列表可參考:Website Style Guide Resources50 Style Guide Tools, Articles, Books and Resources | Tuts+3. Specification (Spec):「Spec」應以盡量降低設計師精力消耗,並能讓開發人員清晰理解為標准。提高效率並保證質量的基礎,是選擇合適的工具。在繪制設計稿所用的圖形編輯軟體中啟用擴展和插件,直接生產「Spec」,高效直擊主題:specKing | Photoshop($19,推薦,正在使用)Specctr | Photoshop, Illustrator($49 ,PS 和 AI 單獨出售)Markly App | Photoshop, Sketch($39.99,PS 和 Sketch 單獨出售)Sketch Measure | Sketch(自由)一些其他插件也提供製作「Spec」功能,比如:PNG EXPRESS | Automated Design Delivery for Photoshop($29)Ink | A Photoshop documentor plugin(免費)團隊協作平台和其他工具:Avocode | 簡化設計師與開發人員之間的協作流程(Web 產品),提供 Slice(切圖)、Spec、圖層轉 CSS 等功能。Zeplin | 同樣是一款有質量的設計協作軟體。目前僅支持 Sketch 設計稿,PS 支持仍在開發中。產品處於邀請內側階段。Frontify | 上文「Style Guide 工具」提到過,屬協作平台,支持對設計稿「Spec」。Assistor PS | 可獨立在系統中運行的 PS 協助軟體,但需借用 PS 載入設計文檔。提供 Slice,Spec 等功能。
⑨ 如何建立一套UI設計規范
1、尺寸
設計圖尺寸
雖說現在大多數人都是以750 (@2x) 為設計稿, 但是也還是有人720 (@2x) 的尺寸, 或是375 (@1x) 的尺寸, 比如我就是用的720,所以設計之初最先要定一個統一的設計尺寸, 特別是多個設計師合作的時候, 千萬不要想當然的以為別人都和你一樣。
2、間距大小
間距包括頁邊距、模塊與模塊之間的間距, 這種全局的間距大小必須要一致, 頁邊距的大小很好定, 基本上20、24、32居多, 根據產品特性定一個統一的就好,而模塊與模塊之間的間距就相對復雜一點, 在定之前需要先確定模塊之間的分割方式, 是用線、還是面、還是留白, 然後再確定間距,
確定好模塊與模塊之間的分割方式後,還需要確定模塊內部的,確定之後就要嚴格執行。
比如規范定的模塊與模塊之間用線,模塊內部之間用留白,那後續所有頁面都需要按照這個規則來(特殊情況除外)。
3、標准色
顏色是設計最重要的部分,沒有之一。細節決定品質,所以對顏色的運用格外細致,顏色的搭配直接決定產品的品質感。包括基礎標准色(主色)、基礎文字色, 還應該包括全局標准色(背景色、分割線色值等)這些都需要標好色值以及使用的場景。
對顏色值統一規范命名變數,提高開發效率的同時更好的維護設計規范。
4、字體
字體是設計中必不可少的考慮因素,不同的字體氣質不一樣,並且不同場景下帶給人的感受也不一樣。所以需要在設計的時候考慮到字體的設計效果,然後在設計規范中註明。
在定義字體名稱的同時也定義了字體的風格,並且添加了不同字體風格的預覽效果,常見的字體風格有:Light、Regular、Italic、Semibold、Bold。
5、段落設置
在實際的產品設計中,段落有很多種樣式,不同場景下的段落要求也不一樣。比如:閱讀內容的段落要求文本可閱讀性強,所以對字體、字型大小、顏色、行間距等要求簡單易讀。而帶有裝飾性的段落文本則不需要那麼嚴謹,裝飾性強就可以。
需要注意的是:在定義段落默認字體的時候還需要定義一個後備字體,即默認字體不能正常顯示情況下顯示的字體。設計的水平層次就在於對細節的打磨,這也就是段落規范在設計中存在的意義
6、圖標具體分為以下三個作用:
圖標是與其它網站鏈接以及讓其它網站鏈接的標志和門戶。
圖標是網站形象的重要體現。
圖標能使受眾便於選擇。根據圖標大小和使用用途進行分類整理設計規范,這樣才更清晰明了。
在我們的項目緊急而人員又不足的時候, 可能沒有那麼多時間,去把所有的圖標都畫的精細,那這個時候我們可以先定尺寸。
當然這里說的定尺寸不是讓你把頁面內所有圖標的尺寸都定好,而是說優先定幾個大的模塊,比如頂導航、底導航、個人中心的...
⑩ 零基礎UI設計入門應該看什麼書求推薦
如題,謝謝