サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
AllMicrosoft GlobalMicrosoft 365 Teams CopilotWindows Surface Xbox Deals Small Business Support SoftwareWindows AppsAIOutlook OneDriveMicrosoft TeamsOneNoteMicrosoft Edge Moving from Skype to TeamsPCs & Devices Computers Shop Xbox AccessoriesVR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass UltimatePC Game Pass Xbox gamesPC games Business Microsof
LINEヤフー株式会社では、事業横断で一貫したユーザー体験を提供するためのデザインシステムや、アイコンの一元的な管理・活用を支える社内基盤「LAICON（ライコン）」を構築・運用しています。本記事では、プロダクトマネージャーの小島さんにLAICON誕生の経緯や運用ノウハウ、現場での活用事例、そして今後の展望を伺い、開発やデザインの現場での「実態」を交えつつLAICONを紹介します。 自社でデザインシステムやアイコン管理基盤の導入・運用を検討している方にとっても、実践的なヒントが得られる内容です。 小島さんのご紹介2015年に旧LINEの子会社であるLINE Business Partners（現在は解散）に入社。入社当初は、LINE@の公式ブログやLINE公式アカウント、SNS運用などを担当するチームに所属。その後、「LINE Pay」のポータルサイトのディレクションや、企業向けブログ、
本日、はてなスタッフ id:onishi, id:kouki_dan, id:akawakami による新サービス「はてなアイコン」をはてラボにリリースしました。はてなアイコンとははてなアイコンは、任意のアイコン画像とURLを設定し、ブラウザのブックマークや、スマートフォンのホーム画面に追加するためのちょっとしたサービスです。 使い方 ヘッダ右上から、はてなIDでログインします ヘッダ右上の「Create New Icon」ボタンから新しいアイコンを設定できます アイコン、タイトル、URLを設定し「Build Icon」ボタンで保存します 作成したアイコンの詳細ページを、ブラウザのブックマークバーや、スマートフォンのホーム画面に追加しましょうAndroid では「PWAとしてインストール」するか「ショートカットを作成」するか選ぶこともできます 作成したブックマークやショートカットをク
From open-source software to industry leaders, the best teams use Pictogrammers' libraries tobuild 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 freesvg icons Iconbuddyの特徴SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
こんにちは。 フェノメナエンターテインメント デザイン担当の山男です。AndroidのアプリアイコンはOSバージョンに伴って徐々に変化してきていますが、今現在はAdaptive Icon (アダプティブランチャーアイコン) というものが主流になっています。Android 8.0以上が搭載されている端末では、各端末のホームアプリによってこのAdaptive Iconをどのような外形で表示するかの設定を持っていて、その設定に沿って表示されるアイコンの外形が変わります。どんな外形になるかはホームアプリの設定次第ですし、外形をユーザーが選択できるようにしているホームアプリもあります。 下の画像は、アイコン外形の代表的な例です。 1. ベースのデータを作成する 以前は解像度に応じた様々なPNG (Legacy Icon)を用意していましたが、現在は1サイズのSVGを用意しておけば済むようになって
（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
はじめまして。NTTレゾナントテクノロジーUI/UXデザイン担当の笛田です。モバイルアプリやWebアプリのUI構築を担当しています。 今回は、ユーザー体験の良いUIを構築するための施策の一つとして実施している、UIアンケートについてご紹介します。 前提知識UIとはUIとは、ユーザーと製品・サービスをつなぐ接点のことです。モバイルアプリでは当然スマホの画面がユーザーとの接点になり、その画面を構築している様々なパーツや導線など全てがUIと言えます。 このUIに間違ったものを選定してしまうと、ユーザーに機能や情報が伝わらない・使えないということになります。 ユーザーフレンドリーとは普段、私たちUIデザイナーがモバイルアプリをデザインするときに参考にしている柱の指標として、Human InterfaceGuidelines(※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用にシンプルにデザインされた
指定できる画像タイプは PNG , GIF , JPG , PSD , BMP です。 拡張子でファイルタイプを判別していますので、拡張子付きのファイルを指定して下さい。 拡張子の大文字小文字は問いません。 指定できるファイルは合計4000KB以下です。 (PSD:Photoshop形式は透過が無視されます) アイコンには一つのアイコンファイルに複数のサイズと複数の色数の画像を入れることが出来ます。 このサイトでは画像数が複数の場合をマルチアイコンと呼びます。画像が1つの場合は区別するためシングルアイコンと呼びます。 画像には透過情報も含めることが出来ますので、任意の形状のアイコンが作成できます。 画像作成には任意の画像編集ソフトを使用して下さい。 同サイズで色数の違う画像をアイコンに含めることも出来ます。 収納する順番は自由に出来ますので、思い通りのアイコンを作成する事が出来ます。 ファ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
