顯示具有 介面設計 標籤的文章。 顯示所有文章
顯示具有 介面設計 標籤的文章。 顯示所有文章

2015年4月21日 星期二

WWDC 裡跟 UI 有關的 Session

WWDC
雖然是跟 UI 有關,但我發現裡面有些其實是有講程式要怎麼寫的,我知道很多 Designer 完全不會寫程式,所以我把它們分開來。

沒有程式

2014
  • Session 211 : Designing Intuitive User Experiences
  • User Interface Design for iOS 7 Apps
2013
  • Session 201 : Building User Interfaces for iOS 7
  • Session 208 : What's New in iOS User Interface Design
  • Session 225 : Best Practices for Great iOS UI Design

2012
  • Session 221 : iOS User Interface Design
  • Session 243 : iPhoto for iOS: UI Progression and Animation Design
  • Session 523 : Best Practices for Color Management

2011
  • Session 110 : Designing User Interfaces for iOS and Mac OS X Apps

2010
  • iPad and iPhone User Interface Design


有程式

2014
  • Session 211 : Creating Custom iOS User Interfaces - Make your app stand out
  • Session 232 : Advanced User Interfaces with Collection Views
  • Session 236 : Building Interruptible and Responsive Interactions

2013
  • Session 213 : Best Practices for Cocoa Animation
  • Session 214 : Customizing Your App’s Appearance for iOS 7
  • Session 226 : Implementing Engaging UI on iOS
  • Session 405 : Interface Builder Core Concepts

2012
  • Session 211 : Building Concurrent User Interfaces on iOS

2010
  • Session 305 : Designing Apps with Interface Builder
  • Automating User Interface Testing with Instruments
  • Designing Apps with Scroll Views
  • API Design for Cocoa and Cocoa Touch
  • Building Animation Driven Interfaces


Tech Talks World Tour:另外除了 WWDC 外,每年還有 Tech Talks World Tour,我也整理在下面
2013
  • User Interface Design for iOS 7 Apps
  • User Interface Design for iOS 7 Games

2012
  • Ingredients of Great Apps:這個主要在講UX

2011
  • Designing User Interfaces for iPhones and iPad Apps



其實我也沒有每一個都看完,如果分類有誤或是列在裡面的話請跟我說,謝謝!

2015年3月11日 星期三

iOS 介面設計相關資源

size相關
PaintCode

The iOS Design Guidelines



工具
Zeplin ( UI 設計師與前端/開發者溝通的工具,設計師將畫面畫好,可利用 Zeplin 作 Guideline 說明)

Generate App Icons of ALL sizes with a click!

這兩個我還沒研究,但我確定是工具類的


教學類
10 Tips to Design a Great App Icon and Stand Out on the App Store

IOS 8人机界面指南(1):UI设计基础

http://www.uisdc.com/ios8-gui-design-guideline

Inspecting Yosemite's icons
http://martiancraft.com/blog/2014/07/inspecting-yosemite-icons/

The Complete iOS Design Course with Sketch


素材Google釋出上百個免費icon供你使用
http://onefunnyjoke.com/2014/10/24/%E5%85%8D%E8%B2%BBgoogle-icon/

20個極具創意的 UI 介面設計動畫效果

解放吧!設計圖應該跟Web實作是一致的

iOS Guideline 怎麼看?(1)
iOS Guideline 怎麼看?(2)

討論
想請問大家對於App Designers的Guidelines掌握度要求到什麼程度?