WEB開発

ワイヤーフレームの書き方の参考になるInstagramアカウント

ワイヤーフレームの書き方を知りたい人「ワイヤーフレームってどうやって書けばいいんだろう？何か参考になるものってあるのかな？」

ワイヤーフレームやUIで何か参考にしたい時、僕はいつもInstagramを見てインスピレーションを普段から得られるようにしています。

ワイヤーフレームの書き方のポイントは以下ですね。

ワイヤーフレームの書き方のポイント

  1. 紙やノートでラフの設計をする
  2. プロトタイピングツールでUIをチェックする
  3. とにかくこれを数多く繰り返す

特に、1番目のところを一番注力してやるのが良いです。

UIやワイヤーフレームのパターンを知ることがまずは近道ですね。

知識としては、UIとUXのおすすめ本10選【基礎からしっかり自分で学べます】という記事でご紹介していますので、よければ見てみてください。

今回は、「ワイヤーフレームの書き方の参考になるInstagramアカウント」と題しまして、おすすめのInstagramアカウントをご紹介してまいります。

それでは、早速みていきましょう。

ワイヤーフレームの参考になるInstagramアカウント

PinterestなどもUIの参考になることが多いですが、ワイヤーフレームを手書きで投稿しているのは、Instagramの方が多いですね。

ここでご紹介するアカウントの皆さんをフォローしてタイムラインを見ているだけでも、モチベーションが上がりますね。

ぜひ、書き方も含め参考にしてみてください。

uxdesignpatterns

 

View this post on Instagram

 

Mobile app wireframes form @uxdesk

UXDESIGNPATTERNSさん(@uxdesignpatterns)がシェアした投稿 –

lucychristopherux

interaction_design_foundation

uxvivid

 

View this post on Instagram

 

iPhone X wireframes on paper 🔥 Follow 👉 @uxvivid & @uivivid 👈 for great designs, wireframes and workspaces💎 •••••••••••••••••••••••••••••••••••••••• 📷 by @_jeanne.dark_ Please support this creative person 💥 •••••••••••••••••••••••••••••••••••••••• Selected by @dannyspasov •••••••••••••••••••••••••••••••••••••••• Tag a friend, comment and double tap ♥️ Turn on post notifications to see the new content asap! 🔥 •••••••••••••••••••••••••••••••••••••••• Mention us in your photos to be featured 💯 . . . . . . . . . . #uxdesign #uidesigner #digital #uidesign #uxdesigner #uxdesignmastery #behance #ui #ux #userinterface #userexperience #userflow #interfacedesign #wireframes #appdesign #webdesign #setupinspiration #graphicdesign #designspiration #dribbble #interface #uiux #productdesign #workspace #wireframe #iphone #officesetup #mockup #prototype #desksetup

UX Design Communityさん(@uxvivid)がシェアした投稿 –

humble_ux

uxdesigner.world

 

View this post on Instagram

 

Important to have a war room when working on any service or UX design thinking. Stakeholders can see progress, thinking and can add value or give feedback more easily. by @plexusdesign⠀ -⠀ -⠀ Selected by @uxmaterial⠀ – ⠀ -⠀ ••••••••••••••••••••••••••••••••••••••••⠀ ⠀ ◉ Tag a friend comment and Follow @UxDesigner.World for more⠀ ••••••••••••••••••••••••••••••••••••••••⠀ ⠀ ⠀ #appdesign #uxdeveloper #graphicdesign #uxmaterial #uxinspiration #interactiondesin #ios #designinspiration #uxlondon #lowfidelity #uxd #webdesigner #digitalproductdesign #responsivewebdesign #sketch #sketching #ThisIsUxDesignerWorld #uxprocess #ui #uiuxdesign #usability #userinterface #userresearch #ux #uxdesign #webflow #wireframes⠀

UX Designer World Communityさん(@uxdesigner.world)がシェアした投稿 –

ux_store

ux_wireframes

ux_ui_wireframes

wireframeit

まとめとワイヤーフレームの関連記事

いかがでしたでしょうか。

今回は、「ワイヤーフレームの書き方の参考になるInstagramアカウント」と題してご紹介してまいりました。

ぜひ、参考にしてみてください。

それでは、今回はこの辺で。

ワイヤーフレーム関連の記事

関連記事