個人開発のUI設計術 - Crieit

あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を

[se_ino]

書きましｔハァーッ！！！！！！！！！！！！！！！！！！！！／16:56 一部追記しましtハァーッ！！！！！！！！！！！！！！！！！！！！

[castaneai]

“9.あとは気合で実装する ハァーッ！！！！！！！！！！！！！！！！！！！！ ”

[tespple]

勢いのあるコメント: "書きましｔハァーッ！！！！！！！！！！！！！！！！！！！！"

[uturi]

“実装を知るがゆえに負担の少ない道を選びがちになる傾向があります…。” 個人開発だからこそありがち。

[cu39]

割り切りの指針。カードレイアウト使いたくなりがちだけどやっぱ地雷か。

[h_taiji]

とても参考になるー

[shifting]

結果、とりあえずbootstrapに。

[bloominfeeling]

わかりやすくてよかった。フォームのラベルはヒントにしてしまう。

[Eiichiro]

“以上のことを全部守ると実装の都合を考えすぎたつまらんUIが出来上がります”当たり前はつまらない。つらすぎるこの事実。遊び心をどの部分に入れるかができる人はうまいんだよなぁ。

[ko-gold]

一人で何でもやっている人のノウハウは必要最小限で良い

[braitom]

UIを設計するときの順序について。

[takaesu]

とても参考になる!!

[ledsun]

"UIフルスクラッチゴリラ"良い

[hamichamp]

いいかも

[knjname]

参考になる

[kote2kote2]

個人ならもっとぶっ飛んでたほうがいい気がするが自分もできてないんだよな…

[hisn15]

すごひ

[hiroyt]

参考になる

[satohu20xx]

すごく良いまとめ

[manFromTomorrow]

知見がある・・・！

[nasunori]

参考になる…

[web-ken]

つよい