All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Moving from Skype to Teams PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC games Business Microsof

LINEヤフー株式会社では、事業横断で一貫したユーザー体験を提供するためのデザインシステムや、アイコンの一元的な管理・活用を支える社内基盤「LAICON（ライコン）」を構築・運用しています。 本記事では、プロダクトマネージャーの小島さんにLAICON誕生の経緯や運用ノウハウ、現場での活用事例、そして今後の展望を伺い、開発やデザインの現場での「実態」を交えつつLAICONを紹介します。 自社でデザインシステムやアイコン管理基盤の導入・運用を検討している方にとっても、実践的なヒントが得られる内容です。 小島さんのご紹介2015年に旧LINEの子会社であるLINE Business Partners（現在は解散）に入社。入社当初は、LINE@の公式ブログやLINE公式アカウント、SNS運用などを担当するチームに所属。その後、「LINE Pay」のポータルサイトのディレクションや、企業向けブログ、

Drawn with Care and Timeto perfectly represent and convey your message. Highly Flexible IconsLine, Solid, Color & Flat icons with a precise and unified style. Adapts to any type of project with different stroke weights, color control and great legibility.

本日、はてなスタッフ id:onishi, id:kouki_dan, id:akawakami による新サービス「はてなアイコン」をはてラボにリリースしました。 はてなアイコンとは はてなアイコンは、任意のアイコン画像とURLを設定し、ブラウザのブックマークや、スマートフォンのホーム画面に追加するためのちょっとしたサービスです。 使い方 ヘッダ右上から、はてなIDでログインします ヘッダ右上の「Create New Icon」ボタンから新しいアイコンを設定できます アイコン、タイトル、URLを設定し「Build Icon」ボタンで保存します 作成したアイコンの詳細ページを、ブラウザのブックマークバーや、スマートフォンのホーム画面に追加しましょう Android では「PWAとしてインストール」するか「ショートカットを作成」するか選ぶこともできます 作成したブックマークやショートカットをク

リンク ansyobunka.jp 東京2020オリンピック・パラリンピック競技大会 スポーツピクトグラム デザイン発表！ 安城市歴史博物館では安城市の歴史を始め多くの歴史的価値のある物を、観覧できる施設です。安城市民ギャラリーでは企画展やギャラリーでの作品展示を行っています。安城市の公式な公募型美術品展覧会では、市内にとどまらず、広く美術品を募っています。 76

From open-source software to industry leaders, the best teams use Pictogrammers' libraries to build their apps. The Pictogrammers are a dedicated group of collaborators from all walks of life. Hailing from nearly every part of the globe, we come together to express ideas in a universal language so that all may benefit. Icons may be small, but they are powerful forms of communication in today's dig

商用で無料利用できる、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

（2022/10/20）最新情報に更新。Android 13のテーマ別アイコン対応、セーフゾーンのサイズ変更。 AndroidアプリをGoogle Playストアに公開するときに必要な、アイコンの作り方をまとめておきたいと思います。時々しか作らないと忘れてしまいがちなので、ここを見るだけで作れるように書きたいと思います。 前提 この記事では、API Level 26 (Android 8.0 / Oreo) 以降をターゲットにしたアプリ（minSdk >= 26）のアイコンについて説明します。理由は、Android 8.0からアダプティブアイコンという仕組みが導入され、アイコンの表示の仕組みや用意しなければならない画像ファイルが大きく変化したからです。ちなみに2022年10月現在、Android 8.0以降のシェアは88.2%です。アプリのターゲットユーザー層にもよりますが、これから新しく

※2023年6月27日 「今回配布を予定しているアイコンの例」画像を差し替えました。 ライセンスの記載について追記しました。 デジタル庁では、行政手続をわかりやすくするためのイラストレーションやアイコン素材集の制作をおこなっています。 2023年の始めにプロジェクトが発足し、これまでデジタル庁の四半期報告会見資料や、重点計画資料で活用をおこなってきました。これらの素材集を、府省庁や自治体、事業者の方々など、どなたでも活用ができるように配布をはじめます。 Figma Communityで公開しているデジタル庁デザインシステムから、ウェブやアプリケーションで利用ができる素材を6月中に配布開始予定です。 専門的でわかりにくい行政手続の改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政

WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの特徴 Phosphor Iconsのアイコンのダウンロード Phosphor Iconsのアイコン Phosphor Iconsの特徴 Phosphor Iconsは、WebサイトやスマホアプリのUIデザインをはじめ、プレゼンテーションやダイアグラムなどさまざまな成果物に使用できるフレシキブルなアイコンのセットです。 7，000種類以上のSVGアイコンが揃っています。 6つのスタイル（Thin, Light, Regular, Bold,

こんにちは、くだくらげです。 私はSketchもFigmaも両方使って仕事していますが、最近になって両アプリともOpenType Featureへの対応をアップデートに入れてきていることはご存知でしょうか？ 私はこの部分について前々から注目していたわけですが、その理由はSF Symbolsとの関係が大きいのではないかと睨んでいます。SF Symbolsがリリースされた直後の時期は、IllustratorやSketchでしかOpenType Featureを使うことができませんでした。この頃Sketchも一応利用できるという程度でした（正直現状も使いやすいとも思えないですが…）。それが2019年9月、10月辺りでFigmaもOpenType Featureサポートし、Sketchもその辺りの改善を加えてきました。 ということで、UIツールを提供している各社もサポートし気にしているであろうSF

回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。 以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

はじめまして。NTTレゾナントテクノロジーUI/UXデザイン担当の笛田です。モバイルアプリやWebアプリのUI構築を担当しています。 今回は、ユーザー体験の良いUIを構築するための施策の一つとして実施している、UIアンケートについてご紹介します。 前提知識UIとはUIとは、ユーザーと製品・サービスをつなぐ接点のことです。モバイルアプリでは当然スマホの画面がユーザーとの接点になり、その画面を構築している様々なパーツや導線など全てがUIと言えます。 このUIに間違ったものを選定してしまうと、ユーザーに機能や情報が伝わらない・使えないということになります。 ユーザーフレンドリーとは普段、私たちUIデザイナーがモバイルアプリをデザインするときに参考にしている柱の指標として、Human Interface Guidelines(※1)とMaterial Design(※2)があります。 Human

ライターの業務上、Googleドライブのドキュメントやスプレッドシートを使うことがよくある。 いつも気になっているのが、「他のユーザーがいまこのファイルを見ています」という状態を示す動物アイコン。どうしてこのチョイスにしたんだ？というものが多く、表示されるたびにスクリーンショットを撮っていた。 今回は、筆者が集めた匿名アニマルコレクションを1匹ずつ観賞し、そのよさを愛でたいと思う。 Googleドライブでファイル共有をしたことがある方なら、一度は見たことがあるだろう。 こういったページの…… この部分。 「いま他のユーザーがこのドキュメントを見ていますよ」ということを表していて、オンマウスで動物の名前が表示される（Googleの公式ヘルプ曰く“この現象は、ドキュメントを一般公開している場合や、リンクを知っているユーザーとドキュメントを共有している場合に発生します。”とのこと）。 その際、表

WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。1,700種類以上のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォー

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるAtlas Iconsを紹介します。 UIデザインをはじめ、ビジネス、ソーシャル、ハンドジェスチャー、ガジェット、エコロジー、フィットネス、食べ物・飲食物、医療など、33種類のカテゴリに2,000種類以上のアイコンがセットになっており、個人でも商用プロジェクトでも完全に無料で使用できます。 SVGアイコンだけでなく、Webフォント、Figma用なども揃っているので、使い勝手もよく、非常に便利です。 Atlas Icons Atlas Icons -GitHub Atlas Iconsの特徴 Atlas Iconsのダウンロード Atlas Iconsのアイコン Atlas Iconsの特徴 Atlas Iconsは、WebサイトやスマホアプリのUI用にシンプルにデザインされた