スマホのようなUI EMIOZAKI

https://emiozaki.com/

東京を拠点にするイラストレーターさんのサイトです。

マネしたいポイント

デスクトップ版では背景とイエローのイラストと、まるでスマホのような見た目で、モバイルではそのままスマホのホーム画面のような感じになります。操作感もスマホと同じようなスワイプです。アイコンをクリックするとページ遷移をはさまずアプリのような使い勝手の演出もまた良いです。

応用できそうな場面

スマホのような見た目をそのまま使うのは難しいかもしれませんが、スマホのようにページ遷移を含まないような動き方はスムーズな体験になります。アイコンの動きのイージングなどもキレが良い動きで参考になります。

懸念点

ページ遷移のない、いわゆるSPA(Single Page Application)になるのでReactやVueといったJavaScriptフレームワークが実装の上で必須になってくるでしょう。

  • Twitter Share
  • Facebook Share
  • Line Share