Webデザイナーがアプリデザインをするときに困ったこと

※困ったことのメモで、解決方法は載っていません※

本気で困りました。

他デザイナーさんやディレクターさんに確認してもらいながら進めていますがこれはやばい。

困ったことと、頑張ってたどり着いた参考ページをメモ。

「コレが最新だよ」「コレ見ておくといいよ(書籍・Web)」的なアドバイス大募集です。

よろしくお願いいたします。

▼まさもと

・Webデザイナー 5年目（年数だけ重ねていったペーペー）

・アプリ実装の仕方がわからないからどこまで無茶が聞くのかわからない

・iOS / Android の仕様をそもそも理解できていない

・調べようにも用語がわからない

・自力で調べてみたものの最新記事少ないしこれが正解かすらもよくわからない

・Web制作に比べて、ネットに落ちてる情報少なすぎｨ！

▼基本的なこととか

- 困ったこと - 

・フォントサイズ、余白感とかはWebサイトと同じなのか

・パーツ名がわからない、これはheader？ステータスバー？？

・iOS Android で TwitterとかUI違ったけど何かルールはあるのか？？

・もう何もわからない

- 見たもの - 

iOSとAndroidのUIの違い

http://motemote-tech.com/design/20170331

アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付）

https://baigie.me/sogitani/2015/07/apple-google-design-guideline/

Android アプリ品質ガイドライン

https://developers-jp.googleblog.com/2013/01/core.html

Material Design guideline

https://material.io/guidelines/

【デザイナー向け】これからAndroidのデザインをする人へ

https://qiita.com/AAkira/items/02814f337f4eb2d30f2e

ユーザインターフェイスのデザインのヒント

https://developer.apple.com/design/tips/jp/

▼UI / UX とか まとめサイト

- 困ったこと - 

・今まで簡単なレスポンシブしかしてこなかったからスマホで使いやすいものがわからない

・アプリは色々試したことがあるけどUIUXの目線でみてこなかったからよくわからない

・Web制作に対してまとめサイト少なすぎだし日本語のまとめサイトください

- 見たもの - 

Mobile Patterns

http://www.mobile-patterns.com/

Mobile Design Inspiration

https://inspirationmobile.tumblr.com/

MobileMozaic

http://www.mobilemozaic.com/

▼アプリロゴ

-困ったこと-

・そもそもロゴを作ったことがない

・アプリアイコンだけのルールはあるのか

・えっ、世の中のアプリはiOS Android でアプリロゴを変えているの？

-見たもの-

・会社にあった本

Icon Design Guidelines

https://developer.android.com/guide/practices/ui_guidelines/icon_design.html

Android,iOSアプリ用画像リソースとアイコンサイズのまとめ [2017年10月更新]

http://www.webtech.co.jp/blog/optpix_labs/smartphone/8961/

IconDrop

http://icondrop.net/

iOSとandroidのアプリアイコン両方をデザインするときのポイント

http://kz18.tumblr.com/post/133647840224/ios/...

Material Designなアイコンの作り方

https://qiita.com/HirokiTsuihiji/items/5576fc0db6648148c67a

色々と調べていくうちに、

今まで自分が創ってきたものは"デザイン"だったのかなぁ、と( ˘ω˘)。

こりゃ、大変だー！！！！