The colour scale tool for designers and codersGenerate and apply colour palettes to your UI, then export it to sketch or the most used programming languages.
Geenes
The colour scale tool for designers and codersGenerate and apply colour palettes to your UI, then export it to sketch or the most used programming languages.
2018年版：おすすめの人気UIデザインツール徹底比較 | Web Design Trends
日々新たなデザインに関するニュースが飛び交っていますが、それはUIデザインツールに関しても同様です。 Adobe XDの正式リリース、Figma3.0のリリース、InVision Studioのベータ版公開など、2017年の終わりから2018年にかけて多くのUIデザインツールが登場しました。 今回は、2018年8月現在で公開されているUIデザインツールの中から、特に人気のツールについて機能や特徴を比較していきたいと思います。 最新の情報はこちら 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends UI
一人で「UIデザインツールどれがいいのか論争」をしてみる｜ノムジュン
UIデザインツールが増えて、それぞれの特徴とか混同してきたんで一回整理します。随時更新するかも。しないかも。 Adobe XDコラボレーションツールとしては優良なのだけど、UI構築ツールとしては機能不足。 他のAdobeツールとの連携が効くからUI構築作業は他ツールで行えばいいのだけど、できれば一つのツールでUI構築からプロトタイプの共有までやりきりたいところです。 アトミックデザインに向いてないとかって話もありますね。（このへん私はあまり踏み込んでいないので詳細わかりませんが、以下URL参照） SketchUI構築ツールとしては文句なしで最優良。反面、コラボレーションツールとしては弱い。情報のシェアのためにはzeplinやInVisionが必要です。 豊富なプラグインでカスタマイズできるのが強みではあるけど、カスタマイズできることがコラボ作業の枷になってもいるような感あり。（個々のデザイ
UberアプリのUIデザインにおける利用規約同意の有効性 | クラウドサイン
Webサービスやアプリサービスを展開するにあたり、利用規約やプライバシーポリシーを適切に定め、それらに対するユーザー同意を適切に取得する必要があることは、いまや企業にとっては常識となっています。 2009年に創業した自動車配車サービスUberも、そのことは十分わかっており、利用規約の内容も、法律の専門家たちを唸らせるほどの念入りなものになっています。 しかし、Uberほどの世界的人気サービスとなると、運営会社に対するツッコミの厳しさは生半可なものではありません。価格改定に対する不満をきっかけに、利用規約の中に定められた仲裁（訴訟とは異なる手続きの紛争解決方法）条項の有効性について集団訴訟が提起され、一審では、Uberが定めた仲裁条項への同意を無効とする判決が下されました。 ところが、今回の2017年8月17日の控訴審判決では、問題となった仲裁条項を含む利用規約の同意は有効と結論づけ、破棄差
GoodUX
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
新人デザイナー必見！ときめきとひらめきの源、デザインリソースで作業を効率化しよう｜Goodpatch Blog グッドパッチブログ
Goodpatch Blogをご覧の皆さんの中には、デザイナー見習いの人や、勉強中の人も多いことと思います。 今回のGoodpatch Blogは、そんな皆さんのためにお届けします。 「デザインのトレンドが知りたいけど、何を参考にすればいいの？」「もっと色んなところからインスピレーションが欲しい！」 という悩みに直面したことはありませんか。 そこで、Goodpatchのデザイナーがよく覗いたり、参照しているサイトをピックアップしてご紹介します。 あなたの仕事をもっと効率的で楽しくしてくれるデザインリソースとして、参考にしてみてください。 1. インスピレーションが得られる Dribbble https://dribbble.com/ デザイナーが使うポートフォリオサイトと言えば、有名なのがDribbbleではないでしょうか。 招待制のサイトであることから、作品のクオリティが高い点が特徴です
Webサービスのフロント側の基本的な確認観点を列挙してみる。 - Qiita
概要 Webサービスのフロント側のテスト実施にあたり、基本的な確認観点を列挙しました。 ここから取捨選択してテストケース作成の助けになれば幸いです。 ブラウザ リロード時の動作は適切か？ ブラウザバック時の動作は適切か？ コンソールにエラーは表示されていないか？ 表示 文字コードは適切か？ 画面サイズを変更した場合の表示は適切か？ 表示しきれない場合の表現は適切か？（省略、スクロールなど） 日付や数値のカンマ区切りなどのフォーマットは適切か？ 小数点以下の表示は適切か？ タイトルの内容は適切か？ 第4水準漢字の表示は適切か？（WEBフォントを利用しているサイト用) 操作 Tab移動の動作は適切か？ ボタンなど連打時の動作は問題ないか？ 通信 HTTPステータスが想定通りであるか？ HTTPS、HTTPの通信が混在していないか？ 不必要なコンテンツを読み込んでいないか？ N件表示 0件の表示
Nicelydone
Design better user experiences Browse the #1 web app design library and design examples from the real SaaS web apps
あなたの生産性を向上させる UX＆UIツール14選 | プロスタ
もし、あなたがデザインのプロトタイプを作るのに時間をかけすぎていると感じたら、一歩下がって、今使っているツールやリソースを考え直す必要があるかもしれません。新しい優れたUXツールやUIリソースは頻繁にWeb上にリリースされているので、同じワイヤフレームツールやプロトタイピングツールにこだわる理由はありません。そこで今回は、プロトタイピングに優れた14のUX＆UIツールをご紹介します。ドラッグ＆ドロップ機能や強力なチームコラボレーション機能のあるツールもあれば、開発段階のうちに（時にはリアルタイムで）デザインのユーザビリティをテストするための素晴らしいツールもあります。より強力なツールと新しいUIキットで、もっと早く、もっと上手く、もっと賢く働きましょう。 1.Proto.io Proto.io を使うと、コードを書かずにドラッグ＆ドロップでプロトタイプをブラウザで作ることができ、そのうえ、
誰もあなたの製品を使いたいと思ってはいない : 製品をデザインするための考え方 | POSTD
毎朝、デザイナーは目が覚めると、喜んで自分の製品に取りかかります。それがデジタル製品であっても物理的な製品であっても、デザイナーは心の中で、人々が自分の製品を使いたがるようになり、楽しんで使うようになると信じているのです。 それはやや一般論かもしれません。しかし、私たちはデザイナーとして、自然と 自分が取り組んでいる各プロジェクトを最高のものにし 、革新的なものにして、そして何より、違いをもたらしたいと考える傾向があります。 ああ、私の製品は素晴らしい物になるはずだ。機能やオプション、設定が充実している。みんなが毎日その製品を使い、愛用するようになるだろう。 – あるデザイナー ここで少し意外な事実をお教えましょう。人々は製品を使用ことにあまり興味はありません。ユーザがインターフェースを操作したり、つまみを回したり、レバーを引いたり、ボタンをタップしたりするのはすべて時間の無駄です。むしろ
UX Timeline, back to the past!
Since 2015, I am not affiliated, associated, authorized, endorsed by or in any way officially connected to AirBnb, Deezer or others companies displayed on uxtimeline.com. Despite many hours of research on Internet (Wayback Machine; Google Image; etc.). It could remain some mistakes. Please let me know. Designed by Jacinthe BUSSON, COO & Co-founder Fastory.io and Elegantt For Trello
これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
Prott - Prototyping tool for Web iOS Android apps
Design awesome products, with your team. Maximize your team’s superpowers and keep everyone engaged - from first idea to pixel perfect.Get started now!Get started now!Get started now! HAVE FUN! Make your process as awesome as your product. Keep miscommunication, technology failures and folder chaos from spoiling the fun. Enjoy the process, with Prott! Get the best out of your team Within every tea
ユーザー体験設計を軸にすすめるサービスデザイン
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
uifaces.com
uifaces.com cancelled Why? We have no resources to address the excessive hotlinking driving up our hosting costs I still have ideas or questions
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Palx
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
Advanced Web & Mobile Prototyping Tool for Product, UX and UI Design | Atomic
