Konten [Tampil]

Brief Perkuliahan

Pada pertemuan kali ini kita akan belajar mengenai apa itu desain antarmuka dan bagaimana cara membuat antarmuka yang baik sesuai dengan guideline yg ada.

Brainstorming UI

Brainstorming UX

Material IO

Free Assets

Marketplace Design

Tools

Figma

Buku Bacaan

Blink — Malcolm Gladwell
Hooked — Nir Eyal
Sprint — Jake Knapp
Don’t Make Me Think — Steve Krug
Steal like an Artist — Austin Kleon

Forum

Refrensi Online / Blog / Medium

Seminar / Diskusi Panel / Meetup

Free book for You

Materi Pertemuan 1 - Understanding Layout

Understanding layout

Layout is the visual arrangement of elements. It directs attention to the most important information on the screen and makes it easy for users to take action.

Product layouts must adapt to fit different screen sizes and form factors including mobile, tablet, foldable, and large-screen devices. When creating a layout, consider how the spacing and the parts of layout work together. Material layout guidelines apply to products built for Android and the web.

Takeaways

Column: one or more vertical blocks of content within a pane
Fold: on foldable devices, a flexible area of the screen or, on dual-screen devices, a hinge that separates two displays
Margin: the space between the edge of the screen and any elements inside of it
Multi-window mode: enables multiple apps to share the same screen simultaneously
Pane: a layout container that houses other components and elements within a single app. A pane can be: fixed, flexible, floating, or semi permanent
Spacer: the space between two panes
Window size class: opinionated breakpoint, the window size at which a layout needs to change to match available space, device conventions, and ergonomics

Klik https://m3.material.io/foundations/layout/understanding-layout/overview untuk membuka sumber.

Semester 3 : Desain Antarmuka Mobile

Brief Perkuliahan

Brainstorming UI

Brainstorming UX

Free Assets

Marketplace Design

Tools

Buku Bacaan

Forum

Refrensi Online / Blog / Medium

Seminar / Diskusi Panel / Meetup

Materi Pertemuan 1 - Understanding Layout

Understanding layout

Layout is the visual arrangement of elements. It directs attention to the most important information on the screen and makes it easy for users to take action.

Product layouts must adapt to fit different screen sizes and form factors including mobile, tablet, foldable, and large-screen devices. When creating a layout, consider how the spacing and the parts of layout work together. Material layout guidelines apply to products built for Android and the web.

Takeaways

Column: one or more vertical blocks of content within a pane

Fold: on foldable devices, a flexible area of the screen or, on dual-screen devices, a hinge that separates two displays

Margin: the space between the edge of the screen and any elements inside of it

Multi-window mode: enables multiple apps to share the same screen simultaneously

Pane: a layout container that houses other components and elements within a single app. A pane can be: fixed, flexible, floating, or semi permanent

Spacer: the space between two panes

Window size class: opinionated breakpoint, the window size at which a layout needs to change to match available space, device conventions, and ergonomics

0 Response to "Semester 3 : Desain Antarmuka Mobile"

Posting Komentar