Posts on Twitter:

Day 53 - Header Navigation










006 - Profile Screen (For educational app) Please feel free to give feedback! :)




目標が出来たので、UI Artistとして練習始めた 「001ログイン画面」







Inspiration | by Rafał Staromłyński ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ . 😊 Check our posts for more inspiration




DailyUI_036 "Special Offer" ルミネのセールによく行きます。ルミネの広告好きです。

This media may contain sensitive material. Learn more View















Daily UI 33日目。お題はCustomize Product。













A pic-sharing app for all metro lovers. You can taste the iconic theme of New York Metro. " in 60min" #031



Show this thread









Posts on Tumblr:

instagram

Follow 👉 @thehotskills
.
Work by 👉 @htquan
.
Get FEATURED Your Web Design.
Tag us @thehotskills
Hashtag #thehotskills
.
Follow 👉 @creativesstore
Follow 👉 @ui.design.inspiration
Follow 👉 @web.vine
.
#dailyui #uxigers #userinterfacedesign #uidesignpatterns #uxdesignmastery #sketchapp #designfeed #html #interface #userexperience #userinterface #digitaldesign #app #dailyinspiration
https://www.instagram.com/p/Bts6jTsB7uI/?utm_source=ig_tumblr_share&igshid=1glna27x3444w

Made with Instagram
instagram

😍😍😍😍😍😍
Follow 👉 @thehotskills
.
Work by 👉 @daviduxdesigner
.
Get FEATURED Your Web Design.
Tag us @thehotskills
Hashtag #thehotskills
.
Follow 👉 @creativesstore
Follow 👉 @ui.design.inspiration
Follow 👉 @web.vine
.
#dailyui #uxigers #userinterfacedesign #uidesignpatterns #uxdesignmastery #sketchapp #designfeed #html #interface #userexperience #userinterface #digitaldesign #app #dailyinspiration #fitnessmodel #fitnesslife #fitnessgirl
https://www.instagram.com/p/BtpRWGshZ_V/?utm_source=ig_tumblr_share&igshid=ux8b69k4yv98

Made with Instagram
instagram

.… … .… … . .

#motion #typography #minimal #dailyui #ui #designer 😁 (at Ahmedabad, India)
https://www.instagram.com/p/Brce-RGhgo8Rb_3r1B4BHz1N_xorNxvzs4TyB00/?utm_source=ig_tumblr_share&igshid=1jdmtwgbgivwc

Made with Instagram

Daily UI #065: Notes Widget

I don’t even know why but I had so much fun making this one! Probably because I love stationary and any office/note related subjects so it was really fun to do a notes widget. I wanted a brown/tan color scheme so it feels traditional and notebook like, and since I love the humanist quality of Roboto, used that as the main typeface for the UI. 

Daily UI #026: Subscribe

Inspired by subway ads/start ups! There are tons of cool companies that make some amazing subway ads (think Casper, Lyft, Capsule etc etc), and inspired-ish by their vibe I made this subscribe to keep up with start-up updates. It’s for a furniture renting service and I tried to keep it minimal, sort of like a landing page almost? I feel like the elements are little less integrated with one another, perhaps I could do better with the illustration. If I had one of a couch or any other piece of furniture that’d be amazing to add in (but alas I am not an illustrator). I think I could have configured the image with the text just a little more so they aren’t as separated as they are right now. 

Daily UI #025: TV App

Today’s design is a bit of a cheat, I really just recreated the Netflix interface for whatever random tablet size I chose. I mean, I actually do like the Netflix interface a lot. Just not the auto-play feature you can’t disable on its TV app. I really enjoy the preview option for either a selected title or a recently added/updated one that Netflix has. However, I think it starts playing/moving a little too early and it becomes a bit distracting. The grid system with different themes and algorithmically decided titles is a really really great for the user and getting me to start and stay watching. 

#005 App Icon

♦︎ Illustrator ♦︎ Photoshop ♦︎ Sketch(icon書出しのみ) 


コンセプト

ツイッターで自分の趣向をあまり出せていなかったので、今一番好きなスプラトゥーンをモチーフにしました。


デザインのポイント

  • ちょうどオクトが発売された時期だったので、「イカ」と「タコ」の共存をうまく表現できないかと悩んだのですが、今作ではまだ解決していなそうだったため、イカとタコそれぞれのアイコンを作成しました。
  • アイコンはイカとタコの特徴や柔らかさを残しつつ、できる限り抽象化しました。
  • 彩度が高かったため、実機で何度もサイズを確認し、他のアイコンとうまく調和できるサイズに調整しました。


おわりに

スプラトゥーンをモチーフにしたことで、ゲームデザイナーさんとの関わりが少し増えたように思います。背景の以下の矢印は公式のデザインに頼ってしまったところがあるので、自分の中のイメージをもっと具体化できるようにしたいです。

#004 Calculator

♦︎ Sketch


コンセプト

項目とレイアウトを整理していたところ、この形にたどり着きました。エンタメ性を取り入れたいと思っていたこともあり、ポケモンのナッシーをモチーフにすることにしました。


デザインのポイント

  • 計算の途中経過が見られるよう、計算結果の上に式を表示させました。
  • 加減乗除の機能を下にすべてまとめて、数字入力と計算を完全に区分けしました。
  • ナッシーの色合いをそのまま使用すると彩度も明度も低かったため、より使っていて楽しいようなポップの色合いにしました。


おわりに

アローラの姿は全く関係なかったなと反省しています。せっかくナッシーのデザインにしたので、電卓だけで終わるのではなく、他のポケモンのサービスにつなげられるような設計も考えるべきだったなと感じています。