アプリ Ui デザイン 参考
Uiはざっくりと言うと「 製品と使用者(ユーザー)が接する部分 」を指します。 例えば、pcに文字を打ち込むキーボードはuiの1つの形です。タッチで操作や文字入力ができるスマホアプリの設計もuiの1つです。.
アプリ ui デザイン 参考. 業務や個人でのアプリ開発で、ui デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い ui が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。. こんにちは、ちょこです。 このブログはアプリのゲームUIを中心に記事を書いています。 ゲームUIに関して調べようと思った時にwebかDTPベースのUIしかなく、困った末にブログを作成しました。 UIデザイナーをはじめ、ゲーム開発者の参考になればと思います。. ここでは、アイデアの素となるインスピレーションを得たいときに参考にしたいUIデザインまとめサイトを紹介します。 アプリデザインまとめ⑤ Dribbble UIデザインの参考になる定番サイトといえば「Dribbble」。.
各パーツの参考 業務用に限らず、様々なWebアプリデザインの参考になる。 デザインを見るだけなので、CSS等は自分で考える必要あり。 Calltoidea 私が見るのは Login、Wizard、Popups、Nav あたり。 Collect UI 私が見るのは 1 Sign Up、16 PopUp / Overlay、27 Dropdown、53. UIデザインは「ユーザがWebサイト・アプリをスムーズに使えるようにする」こと 「UI」とは「ユーザインターフェース」の略称です。 「ユーザインターフェース」とは、「コンピュータとユーザが情報をやりとりするためのインターフェース(接点)」を指します。 したがって、WebサイトやアプリにおけるUIデザインとは、「コンピュータ(=Webサイトやアプリ)と. 業務や個人でのアプリ開発で、ui デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い ui が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。.
アプリ開発でUI・UIのデザインは非常に大事です。 UI・UIのデザインを検討する上で参考にしているサイトをまとめましたので紹介いたします。 Contents1 AppreciateUI2 Behance3 Pintar. アプリUIインスピレーションまとめ Dribbble DribbbleはUIデザインがたくさんあります。良さそうなアニメーションには、結構な確率でgit hubに掲載しているコードへのリンク付きだったりするので、そのままiOSエンジニアの方にコードを渡すと便利です。. Inspired UI モバイルアプリに特化したUIデザインパターンを集めたサイトです。各カテゴリーとiPhone・iPad・Androidでソートできます。 Inspired UI MOBILE PATTERNS こちらもモバイルに特化したUIパターン集です。.
![アプリやスマートフォンデザイン時に参考にしたいuiキット Do App Ui Kit Designdevelop](https://design-develop.net/wp-content/uploads/2015/06/freeui0605_1.jpg)
アプリやスマートフォンデザイン時に参考にしたいuiキット Do App Ui Kit Designdevelop
![アプリ開発でのui Uxデザイン参考サイトまとめ Terakoya](https://www.image-pit.com/img/terakoya/posts/app-designsite-matome/de4a9b888ebfff517e837a75b3b89065.png)
アプリ開発でのui Uxデザイン参考サイトまとめ Terakoya
![日本中の Ui Ux の参考になるスライド資料を集めました Ecサイト構築 ボクシルマガジン](https://store.boxil.jp/media/images/uploads/media_image/media_image/6725/large.jpg)
日本中の Ui Ux の参考になるスライド資料を集めました Ecサイト構築 ボクシルマガジン
アプリ Ui デザイン 参考 のギャラリー
![](https://www.kerenor.jp/kerenor/wp-content/uploads/2018/04/sps_collection.png)
スマートフォンサイト アプリのuiデザインに特化したギャラリー参考サイトまとめ 随時更新 Kerenor ケレンオール
![](https://i1.wp.com/umenon.com/wp-content/uploads/2017/11/f91004e6002fc3c15043f8b2242029f8.png?fit=766%2C472)
話題のcashというアプリのuiデザインがめちゃよくできてる
![](https://f4.cosmoway.net/wp-content/uploads/2020/05/news-spdesign-top2.jpg)
スマホサイトのデザインに参考になるギャラリーサイトまとめ8選 Factory4
![](https://www.pro-s.co.jp/blog/wp-content/uploads/img_codepen01.png)
眺めてるだけで楽しい Uiデザイン参考サイト5選 生産性向上のためのお役立ちブログ 株式会社プロフェッサ
![](https://s3.techplay.jp/tp-images/event/12ba2ffe463b5260fe4cdbdd8176e31c5659bbee.jpg)
人気のため増枠しました アプリuiデザイン実践ハンズオン It勉強会ならtech Play テックプレイ
![](https://biz.moneyforward.com/blog/wp-content/uploads/2015/10/app.jpg)
Ui Uxの参考になる デザインが美しい と話題になったwebサービス アプリまとめ
![](https://biz.moneyforward.com/blog/wp-content/uploads/2015/10/729c0870f808f2ec3ae7255ad00195a3.png)
Ui Uxの参考になる デザインが美しい と話題になったwebサービス アプリまとめ
![](https://monstar-lab.com/dx/wp-content/uploads/sites/19/2020/06/UIUX.png)
Ui Uxデザインの参考になる海外アプリ事例まとめサイト10選 モンスター ラボ Dxブログ
![](https://i.pinimg.com/originals/10/2b/cb/102bcb3b74f068a07fb25f93a9bcef8e.jpg)
厳選 日本の全iosプログラマに捧ぐ Iphoneアプリ制作に参考になりすぎるデザインリンク集15選 Dx Univ アプリ Iphone アプリ アプリデザイン
![](https://s3-ap-northeast-1.amazonaws.com/i.schoo/images/class/600x260/6310.jpg)
みんなで比較 Uiデザインの引き出し
![](https://popinsight.jp/blog/wp-content/uploads/2016/12/user-interface-635x322.png)
優れたuiデザイン ユーザインターフェース を作るために意識すべき たった1つの原則 ポップインサイト公式ブログ
![](https://iritec.jp/wp-content/uploads/2015/01/pttrns-1024x630.png)
アプリuiデザインの参考になりすぎる海外ギャラリーサイトまとめ Shingo Irie
![](https://hibi-update.org/wp/wp-content/uploads/2021/01/app-design01.jpg)
21年 アプリのuiデザインの参考に ギャラリーサイトまとめ19選 日々 アップデート
![](https://s3-ap-northeast-1.amazonaws.com/mash-jp/staging/uploads/4601/988a2493848ea1803955c54297153ca8b5aa8a9a.4624.original.png?1488167059)
Androidアプリ開発で参考にしたい優れたuiアプリ21選 Codecampus
![](https://www.i3design.jp/in-pocket/wp-content/uploads/2016/07/8-1.png)
デザインに困ったら Webデザインの参考になる海外ギャラリーサイトまとめ In Pocket インポケット
![](https://lab.sonicmoov.com/files/2016/02/08.png)
Ui Uxデザイン制作の参考に 見てるだけでも楽しいアプリデザインのギャラリーサイト9選 Sonicmoov Lab
![](https://img2.lancers.jp/proposal/10681600/1703771/7a878a607d95aa3868b608340d2bc848aa7122657e04ae8da560a8f355ab4ac1/14824194_450_0.jpg?20180313031846)
継続あり 新作スマホゲームアプリのuiデザイン 主要画面 参考デザインあり ライト の依頼 外注 Uiデザイン 設計の仕事 副業 クラウドソーシング ランサーズ Id
![](https://nvtrlab.jp/wp-content/uploads/2014/11/pttrns.jpg)
デザインの参考に モバイルアプリuiのギャラリーサイト13個まとめ 日本vtr実験室
![](http://web-jitan.net/wp-content/uploads/20150204-5.jpg)
アプリ スマホuiデザインの参考に Lovely Ui Web時短ツール
![](https://coliss.com/wp-content/uploads-201804/2018112205-01.png)
デザインの参考になる 最近のスマホアプリで見かけるui インタラクションがまとめられたギャラリーのまとめ コリス
![](https://saruwakakun.com/wp-content/uploads/2017/07/bdrArtwork-17-1.jpg)
Ui Uxとは 知っておきたいui Uxデザイン50の知識
![](https://meglog.net/wp-content/uploads/smartphone-gallery-tappgala-600x418.jpg)
スマホ向けサイトやアプリの Uiデザインをするとき参考になる7つのギャラリーサイト Meglog
![](https://i.pinimg.com/originals/07/82/ec/0782ec9295ca05f0a5b778d3af5b444a.jpg)
ボード Webデザイン参考 のピン
![](https://www.kerenor.jp/kerenor/wp-content/uploads/2018/03/inspired_ui.png)
スマートフォンサイト アプリのuiデザインに特化したギャラリー参考サイトまとめ 随時更新 Kerenor ケレンオール
![](https://ic-root.com/blog/wp-content/uploads/2016/11/Must.jpg)
Uiデザインがすごい 参考にしたいアプリ ブラウザサービス5選 Root Inc Webサイトやアプリのui Uxデザイン会社
![](http://www.designyourway.net/diverse/5/uidesigninsp/2227254.jpg)
Uiデザインの参考になるアイディア集で インスピレーションを補完しよう Workship Magazine ワークシップマガジン
![](http://w3q.jp/upload/2012/3/30/l_2012-3-30_e8263daff90f61b0da6afcca78e39580.jpg)
Iphone Androidアプリuiデザインの参考になる スマホアプリデザインギャラリー W3q Archive
![](https://design.webclips.jp/image/2018/0808_03.jpg)
Iosアプリのuiデザインギャラリーサイト Ui Sources Webclips
![](https://coliss.com/wp-content/uploads-201804/2018112205-02.png)
デザインの参考になる 最近のスマホアプリで見かけるui インタラクションがまとめられたギャラリーのまとめ コリス
![](http://www.atoone.co.jp/wp-content/uploads/2019/10/AdobeStock_285774527.jpg)
いけてるアプリはデザインから 最新のトレンドや事例も紹介 Atoone
![](https://goodpatch.com/blog/wp-content/uploads/351057793573dcc3957044bad1ff495b-e1499834292598.png)
新人デザイナー必見 ときめきとひらめきの源 デザインリソースで作業を効率化しよう Blog Goodpatch グッドパッチ
![](https://techacademy-magazine-cdn.techacademy.jp/wp-content/uploads/2016/03/369551d698c6442a1fcaf08c0b83a116.png)
海外のiphoneアプリのデザイン集サイト9選 作る前にチェック Techacademyマガジン
![](https://webdesign-trends.net/wp/wp-content/uploads/2018/02/ios-ui-kit_10.png)
Uiデザイナー必見 おすすめのios向けuiキット デザイン素材36選 Web Design Trends
![](https://ic-root.com/blog/wp-content/uploads/2016/11/ogpUI-1080x500.jpg)
Uiデザインがすごい 参考にしたいアプリ ブラウザサービス5選 Root Inc Webサイトやアプリのui Uxデザイン会社
![](https://nvtrlab.jp/wp-content/uploads/2014/11/capptivateio.jpg)
デザインの参考に モバイルアプリuiのギャラリーサイト13個まとめ 日本vtr実験室
![](https://www.biz.ne.jp/matome/common/img/20201006/paypay.png)
アプリ開発前に押さえたい スマホアプリのデザインで重要なui Uxを徹底解説 比較ビズまとめ
![](http://pantograph.co.jp/app/wp-content/uploads/blog/2017/12/img01.png)
18年版 入力フォームのデザイン設計に参考にしたいサイト事例8選 株式会社パンタグラフ
![](https://lab.sonicmoov.com/files/2016/02/06.png)
Ui Uxデザイン制作の参考に 見てるだけでも楽しいアプリデザインのギャラリーサイト9選 Sonicmoov Lab
![](https://assets.st-note.com/production/uploads/images/12907587/646cad0800c97d5344ed9a8c35719f08.png)
Lineのuiデザイナーが参考にするwebデザインギャラリーサイト6選 Lineクリエイティブセンター
![](https://iritec.jp/wp-content/uploads/2014/08/app.jpg)
アプリuiデザインの参考になりすぎる海外ギャラリーサイトまとめ Shingo Irie
![](https://lab.sonicmoov.com/files/2016/02/032.png)
Ui Uxデザイン制作の参考に 見てるだけでも楽しいアプリデザインのギャラリーサイト9選 Sonicmoov Lab
Q Tbn And9gcsap5wvepg4ad2a8gzr6hqssozgixtdcahyjtigyqbubcrkosbs Usqp Cau
![](https://repro.io/wp-content/uploads/2020/06/No38_UIUX.png)
Uxデザインで参考にしたい Starbucks アプリを5つの観点からux分析 Ce カスタマーエンゲージメント プラットフォームrepro リプロ
![](https://app-tsukurou.com/wp-content/uploads/2020/03/mixocial_03-600x400.png)
Ui 週刊アプリを作ろう
![](https://baigie.me/sogitani/wp-content/uploads/1-2.jpg)
Pcサイトのuiデザインにおける12のトレンド ベイジの社長ブログ
![](https://www.indival.co.jp/wp-content/uploads/2017/01/sketch2.png)
デザイナーの心に優しいストレスフリーなアプリデザインワークフロー ツナググループ イノベーションズ
![](https://monstar-lab.com/dx/wp-content/uploads/sites/19/2019/05/03-3-1024x511.png)
Ui Uxデザインの参考になる海外アプリ事例まとめサイト10選 モンスター ラボ Dxブログ
Q Tbn And9gcra9f1pqxv9alf3v6evnuk1x M7t2s9kqt5 7vqh1fppbghyset Usqp Cau
![](http://creator.aainc.co.jp/wordpress/wp-content/uploads/2014/06/Patterns___CAPPTIVATE_co.png)
きもちいい Uiデザインの参考になるサイト5選 1 アライドアーキテクツのクリエイターブログ
![](https://baigie.me/officialblog/wp-content/uploads/2019/12/designsystem-1.png)
Uiデザイナーが知っておきたい海外の優れたデザインシステム17選 Knowledge Baigie
![](https://webdesign-trends.net/wp/wp-content/uploads/2018/02/ios-ui-kit_07-1024x556.png)
Uiデザイナー必見 おすすめのios向けuiキット デザイン素材36選 Web Design Trends
![](https://www.kerenor.jp/kerenor/wp-content/uploads/2018/04/agt.png)
スマートフォンサイト アプリのuiデザインに特化したギャラリー参考サイトまとめ 随時更新 Kerenor ケレンオール
![](https://coliss.com/wp-content/uploads-201804/2018112205-00.gif)
デザインの参考になる 最近のスマホアプリで見かけるui インタラクションがまとめられたギャラリーのまとめ コリス
![](https://liginc.co.jp/wp-content/uploads/2020/04/e9857a88bd3d7ab64d914752b6e5c669.jpg)
スマホサイトのデザイン時に参考になるwebサイトのまとめ6選 株式会社lig
![](https://lab.sonicmoov.com/files/2016/02/013.png)
Ui Uxデザイン制作の参考に 見てるだけでも楽しいアプリデザインのギャラリーサイト9選 Sonicmoov Lab
![](http://photoshopvip.net/wp-content/uploads/2014/11/55ui-top.jpg)
ミニマルスタイルが美しい 直感的に使える無料uiデザインキット55 Elements Ui Kit Photoshopvip
![](http://kunkun.pya.jp/basic_design/wp-content/uploads/2011/08/U4FVx.jpg)
スマートフォンのアプリデザインの参考になる 様々な優れたuiデザイン Basic Design
![](https://design-develop.net/wp-content/uploads/2015/06/freeui0605_3.jpg)
アプリやスマートフォンデザイン時に参考にしたいuiキット Do App Ui Kit Designdevelop
![](https://www.image-pit.com/img/terakoya/posts/app-designsite-matome/b76d5a00d736e60374db08236802b7dd.png)
クリエイティブ アーカイブ Terakoya
Q Tbn And9gcqqj28rmykwdzw6psz5n4drfmjuojygivaael6mw7k6s0sb1mcv Usqp Cau
![](https://img.biz.ne.jp/info/2005692_if1.png)
アプリ開発前に押さえたい スマホアプリのデザインで重要なui Uxを徹底解説 比較ビズまとめ
![](https://www.kerenor.jp/kerenor/wp-content/uploads/2018/05/mobbin.design02.jpg)
スマートフォンサイト アプリのuiデザインに特化したギャラリー参考サイトまとめ 随時更新 Kerenor ケレンオール
![](https://data.uxmilk.jp/wp-content/uploads/2050/01/capptivate.png)
アプリのuiデザイナー必見 参考になる海外ギャラリーサイト9選 Ux Milk
![](http://www.find-job.net/startup/wordpress/wp-content/uploads/2013/10/659c8fa57099113c76ff55de020c59aa1.png)
累計22種 Uiが優れたiphoneアプリの部分デザイン ナビゲーション メニュー編 Findjob Startup
![](https://i.pinimg.com/originals/02/6a/c2/026ac271b16f33a69b89a3c46d2500fd.jpg)
ボード Ui参考 のピン
![](https://qiita-image-store.s3.amazonaws.com/0/658/444f60ff-8961-fef0-4ef7-272a919c60c6.jpeg)
Uiデザインの参考になる 国内iosアプリのギャラリーサイト Qiita
![](https://monstar-lab.com/dx/wp-content/uploads/sites/19/2019/05/04-2-1024x512.png)
Ui Uxデザインの参考になる海外アプリ事例まとめサイト10選 モンスター ラボ Dxブログ
![](http://w3q.jp/upload/2012/3/30/l_2012-3-30_48c942ccb9215a1b853b36777dbfc2e0.jpg)
Iphone Androidアプリuiデザインの参考になる スマホアプリデザインギャラリー W3q Archive
![](https://qiita-image-store.s3.amazonaws.com/0/35834/2fbe4666-de85-5091-9f3d-e89fa7c00341.png)
アプリ開発で参考にしておきたい Ui デザインパターンまとめサイトのまとめ Qiita
![](https://article-files.agency-star.com/articles/contents/Pttrns.jpg)
アプリデザインの参考になる 優れたアプリデザインを紹介する海外のギャラリーサイト6選 フリーランスエンジニアの求人情報 Modis Freelance
![](https://nvtrlab.jp/wp-content/uploads/2014/11/inspiredui.jpg)
デザインの参考に モバイルアプリuiのギャラリーサイト13個まとめ 日本vtr実験室
![](https://d20r2glx6euv0l.cloudfront.net/thumbnail/14946e4b1fb673ab.jpg)
アプリui リデザイン バイト探し Mai
![](https://assets.st-note.com/production/uploads/images/18027701/rectangle_large_type_2_d93a60f848876e0cd2c52d9831a7fce9.png?fit=bounds&quality=85&width=1280)
アプリの画面デザインをする際に参考にしているサイト8選 Mieno Note
![](https://www.webcreatorbox.com/wp-content/uploads/2018/05/mobilemozaic.jpg)
Uiパーツごとに閲覧可能なスマホアプリのデザインギャラリーまとめ Webクリエイターボックス
![](http://w3q.jp/upload/2012/3/30/l_2012-3-30_e7ea8ccdb41952c2033009c222d97fda.jpg)
Iphone Androidアプリuiデザインの参考になる スマホアプリデザインギャラリー W3q Archive
![](https://iritec.jp/wp-content/uploads/2015/01/MOBILE-MOZAIC-1024x718.png)
アプリuiデザインの参考になりすぎる海外ギャラリーサイトまとめ Shingo Irie
![](https://ic-root.com/blog/wp-content/uploads/2016/11/ogpUI.jpg)
Uiデザインがすごい 参考にしたいアプリ ブラウザサービス5選 Root Inc Webサイトやアプリのui Uxデザイン会社
![](https://b-engineer-media-cms.s3.amazonaws.com/item/image/user/f5ef944a50653ad198392450d8cdba1dea4885cc/87a2e1f3-0fdc-4110-8476-dbf1920c6d4e.png)
アプリ Webデザインの勉強に役立つ Uiデザイン 参考スライドまとめ デザインについて知るならmayonez
![](https://i.pinimg.com/originals/16/d4/37/16d437b7b69481be964176b297eb5467.png)
ボード Ui のピン
![](https://cdn-ak.f.st-hatena.com/images/fotolife/l/life-is-bitter/20170609/20170609200958.jpg)
Life Is Bitter
![](https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/18010034/picture_pc_8682ce1f0575c3a8381608d7ab8fea2b.png?width=800)
アプリの画面デザインをする際に参考にしているサイト8選 Mieno Note
![](https://s3-ap-northeast-1.amazonaws.com/mash-jp/production/posts/33401/54a435f256d00911e82930ffd80e3bdefa4ef95a.33479.desktop.png?1485827355)
Androidアプリ開発で参考にしたい優れたuiアプリ21選 Codecampus
![](https://fixel.co.jp/admin/wp-content/uploads/2020/07/hero-image_202007shimizu-2.jpg)
アプリケーションとウェブサイト Uiデザインにおける情報設計の違いとは Fixel株式会社
![](https://ux-media-qtm.com/wp-content/uploads/2020/09/%E5%8F%82%E8%80%83%E3%82%B5%E3%82%A4%E3%83%88%EF%BC%91%EF%BC%90%E9%81%B8.jpg)
Uiデザイナーとして 参考になるデザインサイト10選 Ux Media Uxメディア
![](http://photoshopvip.net/wp-content/uploads/2016/11/google_newsstand_like_navigation_pattern-1.jpg)
ニュース系アプリから見る 参考にしたいuiデザインアイデア10個まとめ Photoshopvip
![](https://design.webclips.jp/image/2018/0514_01.jpg)
アプリアイコンをデザインするときに参考にしたいサイトまとめ Webclips
![](https://assets.st-note.com/production/uploads/images/10380159/9b7e0ae544316523a54a79ad23ca9cd0.png)
アプリuiデザインで使ってるツールまとめ あゆみ Note
![](https://liginc.co.jp/wp-content/uploads/2020/04/ee80ddab5786b9553edad459ddf845fa.jpg)
スマホサイトのデザイン時に参考になるwebサイトのまとめ6選 株式会社lig
![](https://www.pro-s.co.jp/blog/wp-content/uploads/img_codorops01.png)
眺めてるだけで楽しい Uiデザイン参考サイト5選 生産性向上のためのお役立ちブログ 株式会社プロフェッサ
![](http://www.atoone.co.jp/wp-content/uploads/2019/10/Mobbin-Latest-Mobile-Design-Patterns.png)
いけてるアプリはデザインから 最新のトレンドや事例も紹介 Atoone
![](https://monstar-lab.com/dx/wp-content/uploads/sites/19/2019/05/05-1024x517.png)
Ui Uxデザインの参考になる海外アプリ事例まとめサイト10選 モンスター ラボ Dxブログ
![](https://dream-net.org/blog/wp-content/uploads/2016/06/01-21.jpg)
マテリアルデザインの見本サイト Materialup
![](https://article-files.agency-star.com/articles/contents/Inspired-UI.jpg)
アプリデザインの参考になる 優れたアプリデザインを紹介する海外のギャラリーサイト6選 フリーランスエンジニアの求人情報 Modis Freelance
![](http://cdn.designbeep.com/wp-content/uploads/2015/06/1.jpg)
無料のアプリuiデザイン ウェブ制作帳
3
![](https://biz.moneyforward.com/blog/wp-content/uploads/2015/10/bd6b53b721ba14921a6c76910caa6e7b.png)
Ui Uxの参考になる デザインが美しい と話題になったwebサービス アプリまとめ
![](https://www.kerenor.jp/kerenor/wp-content/uploads/2018/05/thumb_sp_design.png)
スマートフォンサイト アプリのuiデザインに特化したギャラリー参考サイトまとめ 随時更新 Kerenor ケレンオール
![](https://data.uxmilk.jp/wp-content/uploads/2050/01/uxarchive-640x421.png)
アプリのuiデザイナー必見 参考になる海外ギャラリーサイト9選 Ux Milk
![](https://ic-root.com/blog/wp-content/uploads/2015/10/fc6927a4cd7fc6f068de9eb5d3ae4aff1.png)
Uiデザイナー必見 海外のuiデザインをインプットできるサイト5選 Root Inc Webサイトやアプリのui Uxデザイン会社
![](https://liginc.co.jp/wp-content/uploads/2015/01/title1.jpg)
スマホサイトのデザイン時に参考になるwebサイトのまとめ6選 株式会社lig
![](http://unitopi.com/wp-content/uploads/2015/06/Screen-Shot-2015-06-09-at-17.31.50.png)
海外サイト スマートフォンアプリのデザイン Ui Uxで悩んだときに見る参考サイト Unitopi ユニトピ