2022年のUIデザインツールのまとめ、注目されているプロトタイプ・デザインシステム・リモートワーク・ユーザーテストなど
2022年現在、UIデザインツールの使用状況を調査した「2022 Design Tools Survey」を紹介します。 急いでいる人用に一言でいうと、Figmaがっょぃ。 2022 Design Tools Survey 2022 Design Tools SurveryはUX Toolsでおこなわれたアンケートの調査結果（4,260人分）をまとめたものです。 まずは、アンケートに回答された人の属性。 世界中の人がアンケートに参加しており、10年以上の経験者がもっとも多く、次いで3-5年、6-10年となっています。今年はリモートワークの人がもっとも多く、次いでハイブリッド、オフィス勤務となっています。
シンプルで使いやすいのが登場！ UIのデザインで役立つ、色に関する便利なツールがまとめて利用できる -hue.tools
指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
エンジニアが無料で使える画像編集ツールとしてのAdobe XD入門 - Qiita
はじめに グロービスではプロトタイピングツールとして主にFigmaを使用しています。 Sketch はもういらない？ デザインツール Figma の紹介 Figmaはコラボレーションツールとして非常に優れており、デザイナーと開発者間の擦り合わせにも便利です。 しかし、開発時に必要なのはプロトタイピングツールだけではありません。 実装時の共有に画面キャプチャにちょっとした注釈をつけてSlack投稿したり、Githubに投稿するエビデンス画像を管理するのに便利な画像編集ソフトが欲しいこともあります。 Adobe XDは本来プロトタイピングツールですが、ちょっとした画像を作成したい時に便利な、ノンデザイナーにもオススメのツールです！ 注意事項 本記事はデザイナー向けの記事ではありません。エンジニアとして私が開発時に便利だと思った機能と、Adobe XDを使うメリットを紹介します。 プロトタイプツ
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
UI flows - Railsを作ったDHHが所属する37signals(Basecamp!)が生んだUIツール - Tbpgr Blog
37signals(現在はBasecamp!)が生んだUIツール「 UI flows 」についての関連情報をまとめます 前提 この資料は今後自分が業務で行う作業に必要になったためまとめたものです。 実践したうえでの情報ではなく、参考文献をもとに自分の中で理解した内容をまとめ直しただけです。 UI flowsとは？ UIのフローを作る際に、全てのアクションの画面遷移図を作るのは現実的ではありません。 逆にシナリオベースの文章の場合はそのフローを読んで理解にしにくいですし、 その内容をチェックリストにしたりメンテナンスするのも難しいです。 この双方の不足を補うことができるのが UI flows です。 UI flows では画面とアクションをテキストでシンプルに書きます。 画面に属するアクションを実行すると次の画面に遷移します。 テキストベースで作成できることから、デザイナ以外でも簡単に作成で
ワイヤーフレーム・プロトタイプを作成できるAIRアプリ『FlairBuilder』 – creamu
FlairBuilderというアプリを見つけました。ワイヤーフレームやプロトタイプを作成できるAIRアプリですね。 使ってみた感じ、プロトタイプ寄りですね。コンポーネントをドラッグして、さくさく画面を作っていけます。 アコーディオンメニューなんかもアプリの中で動くから、イメージがつかみやすい感じです。 AIRアプリは入れるのも作るのも面倒そうだなと思っていたけど、AIRさえインストールしていれば（Leopardはプリインストールされてるのかな？）、便利なアプリだったらユーザー的には何でもいいし、作る側からするといきなりOSを選ばずにクロスプラットフォームで作れるのはすごいメリットですよね。 一度見てみてくださいー。 » FlairBuilder 今日は雨ですねー。でもがんばるぞーー。
Site has been suspended
Account for domain www.evolus.vn has been suspended
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - hirokidaichi/uiflow: uiflow - the simplest way to write down your ui-flow diagram like markdown
MockUPhone
Growl for Windows のUIを日本語化する方法 - 今日もスミマセン。