Newsletters > Issue #8: πŸ“ How to Use Space in UI Design and πŸ’ŽπŸ” Sketch Web Viewer










πŸ“ How to Use Space in UI Design and πŸ’ŽπŸ” Sketch Web Viewer








Prototypr.io

Design, Prototyping and Inspiration

Welcome to Issue #8!

In this 2 month milestone edition, we’ll look at the following 3 areas of design, saving πŸ’Ž prototyping updates to the very end:

  1. 3 UI design principles
  2. 3 on design careers
  3. 3 prototyping updates

πŸ“ 3 on UI Principles

3 reminders for creating better user interfaces:

1. How to Use Space in UI Design

First up we have Wojciech with another of his amazing tutorialsβ€” this time on why and how to make the best use of white space in UI design.


Read Now

2. Stop Using Device Breakpoints

Adam Silver shares thoughts on responsive design: “The web is the web and we have no idea what size screen our users have.”


Read Now

3. Designing Chartsβ€Šβ€”β€ŠPrinciples for Designers

Ryan Bales shows us the design principles he uses to build aesthetically pleasing and functional charts that users love. πŸ“Š


Read Now

😲 3 on Design Roles

Design careers are always evolving, so here’s a couple new areas worth looking into:

1. The Rise of the User Experience (UX) Writer ✍️

Ben Moran sheds some light on a rising discipline in design: UX Writing.


Read Now

2. User Experience Engineering πŸ–₯

Ian Johnson, UX Engineer at Google, lets us all know what a UX Engineer actually is.


Read Now

3. Things that Can Strengthen Design Teams

Alana Brajdic shares how her team dedicated every Friday to become better designers.


Read Now

πŸ’Ž 3 Prototyping Updates

Let’s finish with some new stuff in prototyping:

1. Sketch Web Viewer

Anima App have created a way to view Sketch files inside web browsers, and across different operating systems πŸ’ŽπŸ”


Read Now

2. Figma’s New Icon β€” Based on an Identity System

Chris Hamamoto introduces Figma’s new icon, and how it builds upon their larger identity system and design fundamentals.


Read Now

3. The Bully in the Prototyping Playground

Ranjith Kumar explores disruptive innovation in the prototyping arena, showing how smaller tools emerge to power.


Read Now

πŸ™ That’s it for issue 8, cheers for following along β€” we’re very happy to keep so many of you updated week in week out.

Extra: ❀️ 3 Prototypes

High-screen high-efficiency electric business interaction

A new attempt: Move the tab bar to the top and move the navigation bar to the bottom. I think the tab bar has a part of the navigation function, move to the top can also play the role of the label can also play the role of navigation. When viewing the top of the tab bar narrows, the bottom of the navigation bar is hidden, which is more conducive to the user’s browsing experience. Agree with Yaroslav Zubko @Yaroslav Zubko

Designers Books app – Chapter navigation

Use case: Chapter navigation in books app ———— User story: ———— The user wants to navigate to the specific chapter instantly without moving to any screens like drop do, sidebar bottom sheet or popup. Why you Choose slider: —————————————— The reason is since its a common action all common iOS app like messenger, setting mail etc. This app concept ——————— Whenever we are sliding through the specific book from …

IOS drums keyboard

Guys πŸ™‹β€β™‚οΈ Last week I published Piano and Guitar keyboard. I’m glad today to introduce you to the drum keyboard πŸ₯ I attached a 1X view for details I can’t wait to read your feedback πŸ’¬ 🐀 Follow me on Twitter

πŸ‘‹ Don’t forget to say hi

For more regular updates, follow us on Twitter and Facebook. Share with your friends, by hitting forwards.

Facebook

Twitter

Prototypr

Coming to you with <3 from Gibraltar.


SHARE


TWEET


FORWARD