タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
特徴 女性らしいイメージがやや多い 下記のような柔らかい印象のイラストが多いです。 【ガジェットストック】 ガジェット関連のものを使用したい場合は、下記を使用すると良いと思われます。 【アイコン系】 【human pictogram 2.0】 オリンピックで流行ったやつです。 本サイトでは、アタッチメントをつけたりすることでかなりカスタマイズ性が高いのが特徴です。 【EXPERIENCE JAPAN PICTOGRAMS】 特徴 海外から見た日本が表現されている これはシンプルにUIが凝ってたので紹介します。 和テイストを演出したい場合は、良さそうですね！ 【ICOOON MONO】 こちら色・サイズも変更可能です！ 【Icon-rainbow】 ICOOON MONOと異なり、こちらは、中が肉抜きされているのが特徴。 【IFN FREE ICONS】 このデザインはどのようなパターンにマ
同僚である@akira_motomuraにオススメされて、上野学(@manabuueno)さんのオブジェクト指向やOOUIに関する記事を読んでみたのですが、 個人的にサービスをつくる際の視点がガラリと変わったのでまとめてみたいと思います。 オブジェクトベースなUIとは？オブジェクトベースなUIとは、オブジェクト（ユーザの関心の対象物）を手がかりに操作設計されたユーザーインターフェースのことを言います。 （OOUIとも呼ばれている） 代表的な例としてApple製品が取り上げられることが多いのですが、例えばiPhoneの写真アプリだと、ある写真に対して何らかの処理を行いたい場合、ユーザーはまず対象のオブジェクト（写真）を選び、その後にアクション（編集、送信、お気に入り、削除）を選ぶ、という流れになります。 ソフトウェア（アプリ）は実態がないのでわかりにくいのですが、基本的には自分を拡張する道具
UI設計に興味がある人にオススメ！「オブジェクト指向UIデザイン──使いやすいソフトウェアの原理」 - ゲームアプリのUIデザイン
こんにちは、ちょこです！ 2020/6/5に発売された、 「オブジェクト指向UIデザイン──使いやすいソフトウェアの原理」 買いました！読みました！感想書きます！紹介します！ リンク：オブジェクト指向UIデザイン ▲こちらの書籍です こんな方に読んで欲しい！ 書籍の内容について 1：はじめに 2：オブジェクト指向UIについて 3：オブジェクト指向UIの練習問題 4：モードレスについて 5：参考文献 さいごに こんな方に読んで欲しい！ UIの中でも設計中心の話なので「グラフィックに興味あります！」という方よりは「設計や広義のデザインに興味あります！」という方にオススメしたいです。 使っている単語や言い回しが独特なので、一見して難解に見えるかもしれません。 しかし、主張自体はシンプルなものなので、理解できそうな部分だけマークしておけば良い気もします。 分からなかったら時間をおいて読み直すくらい
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 初めまして。Yahoo! JAPANでAthenzというOSSセキュリティプラットフォームの運用・開発を行っている松本拓也です。 唐突ですが、私は色覚異常です。今回は私が見ている色について、どんなふうに見えているのか、少しでも理解していただけたらと思います。そして、それを踏まえてYahoo! JAPANのアクセシビリティーの取り組みを簡単に紹介します。 色覚異常ってどういうもの？ 色覚異常という症状についてどれほどご存じでしょうか？ 色覚異常は色を見る能力に何かしら異常があることを示し、色が見えなかったり、わからないという症状があります。（今回は色覚異常に伴う視力異常については触れません）色覚異常は男性の5％程度に見られ（このあと
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説しています。 今回はMisskeyのWebクライアント（Misskey Web）におけるUIデザインの工夫や各種コンポーネントについて紹介します。 なお、「デザイン」という語は設計という意味と、見た目・意匠という意味がありますが、この記事ではどちらも含みます。 Misskey Webの設計思想 Misskey Webの設計思想として、「デスクトップでもモバイルデバイスでも同じように使えるようにする」というのがあります。 “同じように使える”とは、機能や使い勝手といった面でもそうなのですが、コンポーネント（UIを構成する個々のパーツ）レベルの話も含んでいます。 現在はこのような設計思想で開発していますが、Misskey初期の頃は、デスクトップ版Webクライアントとモバイルデバイス
AppleがMRヘッドセット「Vision Pro」のために生み出した「空間コンピューティング」におけるUI設計のルールとは？
2023年6月6日(日本時間)に開催されたAppleの開発者向けカンファレンス「WWDC23」の基調講演で、Apple初のMRヘッドセットである「Vision Pro」が発表されました。AppleはこのVision Proで現実空間上にアプリケーションのウィンドウやコンテンツを表示する「空間コンピューティング」を提唱しており、開発者が知っておくべき空間コンピューティングのUI設計についてAppleのデザインチームが解説しています。 Design for spatial user interfaces - WWDC23 - Videos - Apple Developer https://developer.apple.com/videos/play/wwdc2023/10076/ Vision Proに搭載されるvisionOSでは、アプリアイコンが立体的に表現されるのが大きな特徴。 アプ
【概要】 『UI設計』についてです。 経緯は、 ・筆者が初めてアプリの実装を行った際にUI設計が杜撰だったこと ・デジタル庁のサイトの記事を閲覧し、UI設計に興味を持ったこと からUI設計・デザインについて体系的に学びたいと思いました。 本記事では UI設計の考え方から実装方法 まで完結的に説明できるように考察していきたいと思います。 ※ 筆者は、駆け出しエンドエンジニアである為、知識が浅い部分もあると思います。間違い等ある場合はご指摘等いただけると幸いです。また、初心者のためのUI設計になりますので、より専門的に深めたい方は書籍などをご利用ください。 【対象者】 ・UIデザインを0から体系的に学びたい人 ・バックエンドエンジニアで個人アプリのUIを向上させたい人 ・フルスタックな開発を意識している人 【目次】 ※下記、全体に目を通してから作業することをお勧めします。 ・【概要】 ・【対象
「使える」Webアプリにするには、アクセシブルなUI設計を学びたいデザイナー・デベロッパーにお勧めの良書 -Webアプリケーションアクセシビリティ
アクセシビリティに興味があるけど、何から始めればよいのか分からない、勉強するならしっかり学びたい、そんな人にお勧めの解説書を紹介します。 アクセシビリティに取り組むときに大事なのは、できるところから始めること。本書を読んで、アクセシビリティの本質を正しく理解し、自分のWebアプリやサイトにおける課題をひとつずつ改善できます。 本書は、先月発売されたばかり！ 著者の一人伊原氏は、元BAで私の同僚でした。退社後には東京都新型コロナウイルス感染症対策サイトのアクセシビリティ改善をサポートするなどで活躍しています。本書でもそういった経験を元にしたUIデザインの具体的な事例も非常に多く、制作現場の生きた言葉での解説は分かりやすいと思います。 Amazonでもさっそく、オール5の高評価レビューがたくさんついています。
お問い合わせや資料請求、サインアップからデータの登録まで...フォームのUI設計は、ビジネスの成果を上げるために最も重要な要素の一つであるといえます。 本記事では、入力フォームのUIデザインにおける基本とUXを改善するために必要な20のUI設計ルールについて、ご紹介していきたいと思います。
UI設計のユーザビリティヒューリスティック
人が持つ普遍的な経験則に基づいたUI設計のための10個の原則。 ユーザビリティ評価のひとつであるヒューリティック評価で、90年代初頭に、Jakob Nilsenヤコブ・ニールセンとRolf Molichロルフ・モリッヒによって開発され、1995年にヤコブ・ニールセンが10の原則をNielsen Norman Groupにて公開した。 人の一般的な経験則に基づいて作成された原則のため、ほとんどの製品やウェブサイト、アプリなどに実施するヒューリスティック評価や、UI設計、ユーザビリティー評価に使うことができる。 10個の原則は以下の通りである。 システムステータスの可視性 現実世界とシステムの一致 ユーザーに操作の主導権があり自由がある 一貫性を維持しつつ、標準にならっている エラーの防止 覚えていなくても見て分かるようにする 柔軟性と効率性をもたせる シンプルで美しいデザインにする ユーザー
こんにちは、freee株式会社でプロダクトデザイナーをやっているひろみつです。freee会計の、アドバイザーさん（freeeでは会計士さんや税理士さんなどを指します）に向けたプロダクトデザインを担当しています。モルカーが好きです。 この記事は、freee Designers Advent Calendar 2022の最終日、25日目の記事です。 先日、アドバイザーさん向けの機能である、複式簿記の形式で記帳を行う機能がリリースされました！ 今回は、士業という専門領域の人たち向けにUIを設計をするうえで、どんなことを考えてリサーチを行い設計に繋げていったか、書きたいと思います。 誰向けのどんな機能？freee会計は、「取引」という構造でお金の収入支出が記録されていきます。取引自体の流れを追えるなど、色々とメリットのある構造なのですが、一方でこれまで複式簿記の形式で仕訳を入力されていた専門職の方
2014年に新卒でヤフーに入社。それ以降、アプリに携わり続けているのがデザイナーの細見沙央梨さんだ。膨大な数のユーザーを抱える「Yahoo! JAPANアプリ 」だからこそ、UI/UX設計で心がけていることとは。細見さんが社内のみならず、社外での活動も積極的に行う理由とは。若手デザイナーとして存在感を放つ細見さんに、話を聞いた。 3つを満たせる真ん中を狙う アプリ開発でデザイナーが担うべき役割とは 2014年に新卒でヤフーに入社した細見さんが最初に携わったのは、Android向けのランチャーアプリ。AndroidはiOSと異なり、ホーム画面や壁紙を着せ替えることができ、そのデザインを担っていた。3年めからは、現職でもあるYahoo! JAPANアプリで、UI/UX面を担当している。これらの経歴からもわかるように、入社以降、一貫してアプリのUI/UX設計に従事してきた細見さんに、アプリ開発に
UI設計はHTMLの理解から｜emim
noteではお久しぶりとなります、 @emim ですこんにちは。日中の気温が上がってきていますが、衣替えが一向に進まず精神的に悲しい思いをしている今日このごろです。 最近、部署（プロダクトデザイン部）の枠を超え、エンジニアと協業しながらデザインと開発をつなぎ「デザイン基盤整備をする」チームを立ち上げ、粛々と歩みを進めております。 今回はその活動の一端として、デザイナーにも設計思想を学ぶ機会を作れないか、と準備した勉強会の内容を共有します。 企画の意図根本としては、情報整理（情報設計）の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言
時を駆けるモバイルアプリUI設計: 2007-2023の理論とトレンドを調べてみた | フューチャー技術ブログ
※この記事は、秋のブログ習慣2023の２本目の記事となります はじめに2023年の秋、スマートフォンやタブレットは私たちの日常生活に欠かせない存在となっています。 これらのデバイスに対するアプリケーション開発の中でも、UI(User Interface)とUX(User Experience)設計の議論については欠かすことができません。 「UI」という単語は広範囲にわたる意味を持ちますが、今回は「モバイルアプリのUI設計」という文脈に焦点を絞り、その理論の歴史とトレンドについて調べてみました。 モバイルアプリのUI設計について優れた「モバイルアプリのUI」は、どのようなものがあるでしょうか？ イメージしやすいものだと、以下のようなものがあります。 ボタンの色や配置がわかりやすい。ホームボタンであれば家の形をしていたり、検索ボタンでは虫眼鏡の形をしているなどタップしたときに何が起こるのか、ユ
本連載のテーマは、ビジネスシーンに大きなインパクトを与えているAIとデザイナーのコラボレーション。デザイナーとして活躍する小木曽槙一さんが、AIとデザインの可能性を探るべく、実務に活かすことができる技術やツールを選定し、それらを検証していきます。今回は「情報設計やUI設計におけるAI」について解説します。 こんにちは。猛暑が続いてエアコンの温度調整に完全に失敗している@kgsiですが、皆さまお元気ですか？ 早くも第3回めとなりましたが、今回はプロダクトデザインにおける「画面設計」「UI設計」フェーズにおけるAIとの協業の可能性を探っていきたいと思います。なお前提にはなりますが、「デザイン」だと範囲が広く定義が難しいため、「プロダクトのデザイン」「情報設計」や「UI」「画面設計」を対象としています。 現時点の所感 画面設計やUI設計において、AIをなぜ使いたいのかと聞かれれば、「業務を効率化
2023年1月27日にオンラインセミナー『業務システムのUI設計・改善の勘所。ノンデザイナー向けに基礎から解説』を開催いたしました。 動画で見る 多くのユーザーが優れたUX/UIを提供するサービスに触れている現代は、業務システムにおいても、より良いUXを期待するユーザーが増えています。 UXを重視したUI設計はユーザーの評価を得る重要な要素の一つであり、業務効率にも影響を与えます。 利用頻度の高い業務システムだからこそ機能的で効率よく使えるUI設計に改善したいという方も多く、当社へのご相談も増えてきています。 今回は、ノンデザイナーの方でも分かりやすいUI設計の基礎を中心に、次の５つの視点でそれぞれの改善ポイントや注意点を説明します（以前実施した同テーマのセミナーでは別のポイントを紹介していますので、併せてご覧ください）。 レイアウト 階層 コントラスト ユーザー思考、習熟度 ルール 改善
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。デザイナーとしてYahoo!メールを担当している大石 薫子です。 Yahoo!メールの「セキュリティ・プライバシーへの取り組み」はこの度、グッドデザイン賞2022（外部サイト）を受賞いたしました！ 今回の記事ではグッドデザイン賞受賞のきっかけとなった、「安心・安全」という『見えない概念』を可視化するためのUIへのアプローチ方法をご紹介します。 Yahoo!メールが2,400万人に利用される中、年々増加しているなりすましメール被害 Yahoo!メールは月間2,400万人（日本人の約5人に1人）に利用されています。 そんな中、なりすましメール被害は近年社会問題として多く取り上げられており、フィッシング対策協議会（月次報告書
フローティングビューとモードの設計 このアーティクルでは、いわゆる「モーダル（ビュー）」と呼ばれるUI表現パターンと、実際のモード設計の区別の仕方を簡単に解説します。まず結論として、モーダル、モードレス問わず、画面の中で手前にポップアップしてくるようなビュー表現全般を「フローティングビュー（Floating view）」と呼ぶこととします。ポップアップしてくるビュー表現には、通常のウインドウ、モーダルダイアログ、ポップオーバー、バナー、トーストなどさまざまなものがありますが、これらを総じてフローティングビューと
実践ゲームUIデザイン コンセプト策定から実装のコツまで - 現役ゲームクリエイターによるUI設計解説本！2022年6月22日に発売！
Blender アドオン プラグイン＆アドオン-Plugin&Addon Abd0W0 Stitchy Gen - 選択したエッジに簡単にステッチメッシュ... 2024-04-17 abd0w0氏によるお手軽ステッチ追加Blenderアドオン『Abd0W0 Stitchy Gen』がリリースされました！ 続きを読む Blender アドオン プラグイン＆アドオン-Plugin&Addon Simply Stitch v1.0 - ストロークやメッシュ形状からステッチや... 2024-04-17 Blender向けに多くの便利アドオンを開発しているVjaceslav Tissen氏とWolfgang Tellによる新アドオン「Simply Stitch」がリリース！簡単にステッチや刺繍を追加可能です！ 続きを読む
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【爆速UI設計術】モダンなwebデザイン素材集 - Qiita
高速周回が迷わずできる！ 「ウマ娘」UI設計の根幹とは 大量の情報でも「整理とルール化」でわかりやすい画面を作る
オブジェクトベースなUI設計を学んだら視点がガラリと変わった話｜Yutaro Murakami
どんなふうに見えてるの？ 色覚に配慮したUI設計事例 #UI
MisskeyのUI設計 | gihyo.jp
【ゼロから始める】✨UI設計✨ - Qiita
入力フォームにおけるUI設計の基本とUXを改善するためのデザインルールとは？ - Act.3 Consulting 通信
業務の観察結果が、どのようにUI設計のヒントになったか｜ひろみつ
「Yahoo! JAPANアプリ」のUI設計で欠かせない視点とは 理想の姿とともに若手デザイナーが語る
情報設計・UI設計にAIデザインツールがどれだけ使えるか検証してみた
資料公開｜業務システムのUI設計・改善の勘所。ノンデザイナー向けに基礎から解説 - NCDC株式会社
「安心・安全」という『見えない概念』を可視化するUI設計アプローチ（グッドデザイン賞受賞！）
UI設計ビジュアライズノート集｜usagimaru｜note
このUI設計は最悪だと感じたサイトはありますか？ - Quora
news.yahoo.co.jp
news.tv-asahi.co.jp
news.tv-asahi.co.jp
news.tv-asahi.co.jp
www.imdb.com
kinimininaru.com