Download as PDF, PPTX
Uploaded byBear Lee
設計與專案
本文件讨论了UI设计的重要性，包括界面设计的基本原则和流行趋势，如扁平化设计和微交互。内容强调了以用户为中心的设计方法，建议通过合适的布局和清晰的导航来提升用户体验。此外，文档提到界面设计的工作流程，从草图到原型化设计的各个阶段。
設計與專案
- 1. UI Design in Project 1 介面設計與專案 叡揚資訊前端設計部 經理 李宗青
- 2. Bear Lee 叡揚資訊 前端設計部經理 臺灣師範大學美術研究所藝術指導組畢業 高雄世界運動會吉祥物原創設計者 2006-2009 臺灣師大首頁設計 60個以上網站系統開發設計 臺北市立大學兼任講師 2
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. 11 每一個系統或網站根據其視覺系統 都會統合出一個自有的色彩計畫。 從以下案例就可以分析出各大網站 都會將配色縮減在3個左右，如果 扣除灰階色彩甚至可以說只有1種 Google Twitter Facebook MicrosoftPinterest Yahoo Instagram Flickr Spotify Rdio Svbtle Medium
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. 22 擴散陰影 Diffuse Shadow 從Apple TVOS公開後， 其設計更是呼應了 Material Design對空 間的使用，透過擴散陰 影重新將真實世界的空 間、光線體驗帶回介面， 並凸顯內容
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. 28 In the exampleabove I'm using the one column form (most recommended in UX studies), but with a very long vertical scroll. http://ux.stackexchange.com/questions/46019/what- is-the-best-way-to-deal-with-very-complex-forms What is the best way to deal with very complex forms
- 29. 29 This is theclient's favorite one, 4 columns using white space and trying to keep everything above the fold. 客戶最愛！ 不用往下捲
- 30.
- 31.
- 32.
- 33.
- 34. 34 One useful methodI've used on one of my projects some time ago is using 2 panels 分析表單內容，將輸入表單徹底分群
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81. 8181 Front-end & Design User Interface UserExperience Front-end Develop
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.