社内にデザイナーがいれば頼めるものの、うちは開発者だけの集団。予算があれば外注も考えられますが、今回は予算がない。そんなとき、どうすればデザイナーに頼んだようなデザインになるUIを仕上げることができるでしょうか。デザイナーが知っているデザインの法則を知るデザイナーは、一見感性で仕事をしているように思いますが、思いのほか論理的です。デザインには法則があり、その法則にしたがってレイアウトしています。法則を知れば、論理に強いエンジニアにもできそうです。そこでその法則のいくつかをご紹介しましょう。そえるところはそえるボタンや、ウイジットの類い、それが同じグループであれば、縦横どちらかをそろえてください。大きさもそろえてください。やって、それらが同じ機能グループであることを視覚的に伝えるわけです。離すところは離す逆に、異なる機能の要素は、大胆に離してください。逆を返せば、同じ機能の要素は、大胆に近づけることになります。同じ表現をくり返す同じ機能のUIが、複数ある場合、同じ表現を適度な距離でくり返して並べてください。することで、それらが同じ機能で、内容違いであることが視覚的に伝わります。色をイロイロ使わない使っていい色数は3色までです。基本色、その色と相性の良い補助色、基本色の反対色の3つでデザインするのが基本の形です。反対色は、警告や注意といった場合に使います。彩度の高い色ばかり使うのではなく、少しグレーがかったトーンの色を使うとデザインがしっくりします。Bootstrapのようなフレームワークや、マテリアルデザインのようなガイドラインの登場で、エンジニアがデザイナーに頼らずとも、美しく使いやすいUIを作り上げられるようになりました。これらのフレームワークやガイドラインも、基本はデザインの法則にしたがって作られた物です。心がけだけでも、UXへの貢献は大きいと思います。次の開発時にはぜひ思い出してみてください。(担当:小山智久)※キゴウラボでは、アプリやウェブのUIデザインをお受けしています。予算にあわせて部分だけでも全体からでも対応可能です。関連記事UI/UXデザインデザインは誤解されている。デザインは誤解されています。デザインは、一般には美術の領域と考えられています。[...]kigoulab2018年12月10日UI/UXデザイン「デザイン思考なんて糞食らえ」ナターシャ・ジェンが投げかけた問題について考えてみる。いまやデザイン思考花盛りの様相です。[...]kigoulab2018年12月3日UI/UXデザインペーパープロトタイピングでユーザーインターフェースの改善を学ぶ我が社の本棚に、長いあいだ詰ん読になっていた本がありました。[...]kigoulab2017年1月11日メニューホームUXデザイン診断キゴウラボとはサービスブログUXデザイン診断のお申し込み最近の投稿UI/UXデザインデザインは誤解されている。デザインは誤解されています。デザインは、一般には美術の領域と考えられています。現代のデザインは、美術の領域を超えて、思考方法や、経営手法としても活用されています。[...]tomix2019年11月14日Web制作SEOの基礎知識を初心者向けに話してきました。数日前、Googleが検索エンジンを刷新するという記事がアップされました。日本への展開まではまだ時間がありますが、検索順位に変動があると思われます。慌てることはありません。[...]tomix2019年10月30日UI/UXデザインUXってなに?初心者にもわかりやすいように、自分なりに考えてみた。UX(ユーザーエクスペリエンス:ユーザー体験)というコトバが、一人歩きしています。求人欄には、UI/UXデザイナー募集という項目が沢山ならんでいます。なんでUIと組み合わせなのでしょうか。自分が持っている「強み」ってなんなんでしょう。自分のこととなると、案外わかっているようでわかってない、いいや、客観的に言われて初めて「そうだったのか!」と気づくものかもしません。そもそも日本人に向いてない?PDCAはもう古い、PDCAは時代遅れだ、これからはこのメソッドだ、ツールだという記事をネットで見るようになりました。「PDCAはもう古い。これからはデザイン思考だ」と言うバズワードも出てくる始末です。矢沢ビル4Fミーティング専用スペースにつき、常駐していません。グレースコートA205宅配便、書留、お急ぎの郵便物はこちらの住所にお送り下さい。042-708-8380メールアドレスcontact[at]kigoulab.co.jp[at]を@に変えて送信して下さい。Reserved.お問い合わせ、お申し込みは下のボタンからお気軽にご連絡ください。お問い合わせUXデザイン診断のお申し込み。