タグ

ツールとdesignに関するkutakutatriangleのブックマーク (2)

  • エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ(2017年版) - Qiita

    こんにちは、 UXデザイナーの @yuh_iw です。 この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。 すべては最高の体験のために 弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、 実態はUIと共に語られることが多いです。(実際は違うよ) とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。 どうやってUIを作っていくのがよいか とにもかくにも、ユーザーに対する検証と学習をくり返すことです。 最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。 そのために、使ってくれそうな人に、検証していく必要があります。 検証するためにはいくつか方法がありますが、 稿ではUIプロトタイピングを行う

    エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ(2017年版) - Qiita
  • 配色が苦手な人でもプレビューを見ながら直感的に使える配色ツール5つ

    2017年6月17日 Webデザイン, 便利ツール, 色彩 配色って奥が深いです。「この色いいな!」と思っても、実際にデザインに適用してみるとなんだかイメージと違ったり。このブログでも過去に「カテゴリー別配色アイデア100」という記事で配色例を紹介しましたが、その配色を見たときと使ってみたときとではまた異なる印象になるかもしれません。そこで今回はプレビュー画面で確認しながら配色を作成できるツールを集めてみました! ↑私が10年以上利用している会計ソフト! Color Tool – Material Design Color ToolはGoogleのマテリアルデザインの公式配色ツール。右側のパレットからPrimary(メインカラー)とSecondary(サブカラー)を選択すると、左側でプレビューできます。文字色も選べますよ。プレビュー画面は全部で6つ。 このWebサイトの面白いところは、作成

    配色が苦手な人でもプレビューを見ながら直感的に使える配色ツール5つ
  • 1