AIによる便利ツールが増えてきましたね! WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。 AI Color Co...記事の続きを読む
Hi there! Long time no see! It has been a while since our last update about rev.ng, but we've been quietly working hard. So, it's time for some news! 🚀 tl;dr In this blog post we: Announce the open sourcing of the rev.ng decompiler, the start of the UI closed beta, the release of the new website, rev.ng Hub and the docs. Also, we do private demos. Explain how to try rev.ng. Explain the design and
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
2月6日、スタートアップ支援をしている Gaji-Labo と KARTE などの開発運営をしている株式会社プレイドさんとの共催で『UI+FE合流点』を開催しました。 プレイドのプロダクトデザイナー tori(鳥越 良子)さんSmartHR のクリエイティブディレクター sekig(関口 裕)さんスマートバンクのデザイナー putchom(福嶋 瞭)さん三人のゲストと Gaji-Labo 代表の原田、UIデザイナーの今西がお話させていただきました。 ちなみに UI+FE合流点 は『ゆーあい・ぷらす・えふいー・じゃんくしょん』と読みます。 UIデザイナーとフロントエンドエンジニア向けにお互いの狭間になりやすいポイントを境界ではなく「合流点」として業界のトッププレイヤーたちに語ってもらうリアル開催イベント。 ネット配信や動画はしないオフラインイベントならではの踏み込んだ話になるので、今回も冒頭
アクセシビリティとか生成UIとかVivaldiとか(Re: Accessibility Has Failed: Try Generative UI = Individualized UX) 2024年3月4日 著 ヤコブ・ニールセン氏といえば、ユーザビリティやUXの分野では大家として知られており、Web業界歴の長い方ほど、その名前に馴染みがあるのではと思います。私もいち時期、氏の著書で勉強させていただきました。そんなニールセン氏が最近になって書いたAccessibility Has Failed: Try Generative UI = Individualized UXという記事は、長年デジタルアクセシビリティに携わってきた立場からすると、ちょっと看過できない内容。 もちろん、デジタルアクセシビリティがいまだ道半ばであることは認めますけど、私の狭い観測範囲においても「やっぱりな」という感
「デザイナーだけがデザインをする時代は古い」「デザインにセンスはない」と語るのは、Udemyの「UI/UXの改善を進めるための基礎講座」などで人気を誇る、UI/UXデザイナーの濱野将氏。生成AI時代において、デザインをビジネスをつなげるためのポイントや、UI/UXの基礎を解説します。 UI/UXデザイナーが教えるデザインの基本 濱野将氏:それでは、僕からは「ビジネスを実現する『デザイン』の基本」をお話しさせていただきます。よろしくお願いします。 今日のアジェンダはこんな感じです。「デザインの必要性」「デザイナーだけがデザインする時代はもう古い」「UI/UXについて」。今回はAIがテーマなので「AIを使ったプロジェクトの進め方」も少し紹介させていただきたいなと思っております。 簡単に自己紹介をさせてください。株式会社IMAKE代表の濱野と申します。職業はUI/UXデザイナーで、講師もさせてい
Vercel AI SDK 3.0の新機能の一つである「Generative UI」を利用することにより、これまでにない新しいUXを生成AIアプリで提供できそうです こんにちは、筧( @TakaakiKakei )です。 2024年3月1日にVercel AI SDK 3.0がリリースされました。 本ブログでは、当該リリースにおける注目の新機能を紹介します。 Vercel AI SDK とは Vercel AI SDKは、開発者がAI駆動のユーザーインターフェースをJavaScriptやTypeScriptで構築するためのオープンソースライブラリです。 OpenAI、Azure OpenAI、LangChain、Mistral、AWS Bedrock、Google Gemini、Cohere、Anthropic、Replicate、Hugging Face、Fireworks.ai、Per
こんにちは、PyQサポートです。 PyQでは、学習をスムーズに進められるよう継続的なUI/UX改善を続けています。 今回のリリースでは、 「今やっているコースの次にどんな学習を行えばいいのか知りたい」 「目標までの道筋を俯瞰的に知りたい」 そんな声にお応えして、学習ロードマップを公開しました。 pyq.jp ロードマップについて 開始レベル別に学習内容を確認 ミッションとネクストステップ 今後の予定 ロードマップについて ロードマップは、 学びたい事や目標に合わせて、PyQの2000問以上のコンテンツから、何をどんな順番で学べばいいかを示しています。 第一弾となる今回は、「データ分析を学びたい」「Python 3 エンジニア認定基礎試験対策」という目標に合わせたロードマップを公開しました。 開始レベル別に学習内容を確認 各ロードマップ画面では、学習開始時のレベルに応じたロードマップを確認で
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回はAIサービス「v0」についてです。 こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。今回は、プロンプトからUIを作成してくれるツール「v0」の使いかたや、実際に使ってみた感想などを紹介していきます。 「v0 by Vercel」とは Next.jsを開発するVercelが、生成AIへのプロンプトでUIを自動生成するサービスを公開しました。2024年1月頭時点ではベータ版ですが、Freeプランも提供されているためログインすれば誰でも使用することができます。ChatGPTのように、プロンプトを投げるとAIがTailwind CSSとShadcn
前回は、「UIデザインってそもそも何なの?」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策(プロトタイピングとユーザビリティ評価)を話しました。 ※2024年5月14日に最後の勉強会+交流会を開催いたします。詳細はXの固定ツイートをご参照ください 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の3つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念(ナビゲーション、インタラクションなど)を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる
明けましておめでとうございます。 大遅刻で年が明けてしまいましたが、この記事はUIデザイン Advent Calendar 2023 23日目の記事です。 注意 本記事で取り上げている例は実在する企業・プロジェクトとは一切関係ありません。 本記事は、筆者が実際に業務中にしてしまった失敗をモチベーションに書かれているものの、具体例は完全に一から創作しており関連性はありません。 はじめに 某企業でエンジニアとしてスマートフォンアプリ開発をしています。 その中で、アプリの見た目や挙動を要件通りに実装する際、正直モヤモヤと違和感のあるデザインが何箇所かありました。 しかしながら、ユーザの期待操作や導線を考えてどうして改善したほうが良いと考えたのか、という形にうまく言語化できず、関係者の皆さんに全く伝わらない説明をしてしまうという悔しい思いをしました。 今後そのようなことがあった際に、せめて似たケー
【書評】『WEB+DB PRESS Vol.136』から学ぶ、パスキー(Passkey)導入で変わるセキュリティとUX 最近、認証技術を学んでいるときに「パスキー」という言葉をよく目にするようになりました。どうやら従来のパスワードの問題を解決する新時代の認証方式として注目を浴びているようです。しかし「パスキー」とはどのような認証方式なのでしょうか。 パスワード以外の認証方式と言えば「多要素認証」や「パスワードレス認証」がありますが、「パスキー」はこれらと比べて何が違うのでしょうか。 『WEB+DB PRESS Vol.136』の特集2『実戦投入パスキー』を読むことで、これらの疑問の答えが見つかります。 パスワードレス認証がなぜ登場したか、なぜ新しい認証方式であるパスキーが求められているのか。 ユーザーの体験に着目しながら詳しく解説してくれています。 このブログ記事では、全5章ある『WEB+
WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。2,452種類のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォーマッ
こんにちは!Goodpatch UIデザイナーのharuです。突然ですが、皆さんはUIデザインの超基本となる「コンポーネント」についてどれぐらい知っていますか? ユーザーインターフェースを構成するパーツのことを「コンポーネント」といいます。分かりやすい例としては、アクションや遷移のトリガーとなるボタンなどがあります。UIデザイナーは日々、ありとあらゆるUIコンポーネントを「用法用量(原則的な使い方)」に沿って使いこなしながら、デザインに取り組んでいます。 そこでこの記事では、UIデザインを学んだり興味を持っているみなさんに向けて、バラエティに富んだUIコンポーネントをクイズ形式で紹介します。用意した数はなんと100種類(!)。初級・中級・上級に分けて全3回でお届けしていきます。 まずは初級編。ソフトウェアデザインに関わる人たちの共通言語ともいえる、最も基本的なコンポーネントを集めました。
Goodpatchでは毎年、新卒社員向けにUIデザイン研修を実施し、UIデザインに関する基礎的な講義や課題制作といった研修を丁寧に時間をかけて行っています。一方、中途社員向けのUIデザイン研修は整備が足りておらず、運営者もあいまいで、うまく仕組み化できていない状況がありました。 今回、そんな課題に対して、UIデザイナー2人が有志で取り組んだ中途向けUIデザイン研修の仕組み作りをご紹介できればと思います! 研修の目的とゴール Goodpatchに入社する中途UIデザイナーのバックグラウンドはさまざまです。 今回、研修整備に取り組んだデザイナー2名(執筆者)も、前職は制作会社のWebデザイナーでした。このように、中途社員はスキルセットもバラバラであるため、グッドパッチでの仕事に必要なスキルや知識をサポートする仕組みづくりは社内に必要だと考えました。 新卒・中途を含むすべてのUIデザイナーが、共
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く