iOS/iPadOSアイコンアップデートに備える
はじめに （こちらの記事はSansanモバイル勉強会vol.1の内容となります） 2024年のWWDCで発表されたiOS18では、アプリアイコンに大きな変更のアナウンスがありました。 これまでは開発元が提供するアプリアイコンのみ使用されていましたが、1OS18/iPadOS18からはユーザーの設定によって、アプリアイコンの外観カラーが変わるようになりました。 WWDC session video これまでのアイコンとの違い Human Interface Guideline 左からLight、Dark, Tintedのテーマでのアプリアイコンとなります。 Tintedというのは、ユーザーが好きなように設定できるカラーになります。 こちらの参考画像のように、アイコン背景はDarkと同じ暗色になることがわかります。 アプリアイコンは基本的に濃い色や色合いのアイコンをデザインすることが推奨されて
アプリアイコンを変更する | Android Developers
アプリアイコンを変更する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 1. 始める前に アプリアイコンは、独自のスタイルと見た目でアプリを差別化する重要な手段です。アプリアイコンは、ホーム画面、[すべてのアプリ] 画面、設定アプリを含め、さまざまな場所に表示されます。 アプリアイコンをランチャー アイコンということもあります。ランチャーは、Android デバイスでホームボタンを押してアプリの表示と整理を行う場合や、ウィジェットとショートカットを追加する場合に使用します。 さまざまな Android デバイスを使用していると、デバイス メーカーによってランチャーが異なることに気づくかもしれません。デバイス メーカーは、自社ブランドに特徴的なカスタム ランチャーを作成することがあります。たとえばメーカーによっては、上に示した円形のアイコン形状とは異なる形
【Android Studio】アプリアイコンの設定をしよう！
アプリを作るからには必要不可欠なアプリアイコン。 色々なサイズを1から用意しなければならない…？など不安に思うかもしれませんがAndroid Studioの機能を使えばあっさり登録できます。 プロジェクトの中で『res』を右クリックします。 するとメニューが表示されるので『新規』を選択。 さらにその中の『画像アセット』を選択します。 するとこのようなアイコンの設定画面が開きます。 ここからアイコンについて様々な設定を行うことができます。 まずは『前景レイヤー』（今の状態だとドロイド君がいるところ）の画像を設定します。 『イメージ＞パス』の中で好きな画像を設定できます。 この画像はSVGなどパスデータを持っているものだと大きさを気にする必要がなくて楽です。 今回は作成した星の画像を設定しました。 選択したのにすぐに反映されない…という場合は『サイズ変更』をやってみると画像が反映されます。 つ
UIデザインに最適！ シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons
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,
これでUIデザイン用のSVGアイコンに困らない！ 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
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のストロークとなっています。アイコンのフォー
マップラボ-地図アイコンを無料ダウンロード maplab
「名前を付けて画像を保存」で無料でダウンロードできます。 【Download】 Right-click on the image of your choice⇒「Save picture as...」 You can download the icons for free.
商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用
Hello new logo | メルカリデザイン
みなさまにご利用いただいて、メルカリは6年目を迎えました。 創業以来、世界的なマーケットプレイスの実現を掲げ、フリマアプリ「メルカリ」の地道なアップデートを続けています。 もっとシームレスに、便利に、快適に。今までよりもなめらかな生活の後押しをするプラットフォームを目指し、メルカリは、これまでのメルカリを超え続けていきます。 そんな未来への強い意志を込めて、ロゴの変更を行いました。よりシンプルで、フレンドリーな新しいロゴでお目にかかれることを楽しみにしています。新しいメルカリは、あなたの生活とともに。 これまでの、「箱から飛び出すワクワク」というアイデンティティを残しながら、要素を少なくしていくことで、より洗練されたロゴマークに仕上げ、メルカリの目指すオープンでフェアなマーケットを表現しています。実際に作ったプロトタイプは数百種類。試行錯誤を重ねて新しいロゴマークを決定しました。
無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！
企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上！ 豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。
RPG-Awesome
Requesting Icons Have an idea for a new fantasy based icon? We'd love to hear it! New icons for future releases will mostly be based on the RPG-Awesome community on Github. Please keep these few things in mind when requesting an icon. Please be nice, and please write in proper english. Please search to see if your icon request already exists. If someone else has already requested your icon idea, +
After iOS 7 icons
Showcase of iOS 6 apps icon redesigned for iOS 7Curated by @keeyeny
StaccalのアイコンiOS7対応 (後編)
前回の「StaccalのアイコンiOS7対応(前編)」の続きです。 前編ではiOS6のアイコンをiOS7に置いた時の問題点を抽出しました。 後編では実際の製作過程をご紹介します。 アイコンのテンプレートをゲットする iOS7アイコンを製作するに当たって、第一に必要なのはアイコンのテンプレートです。先に触れた通り、iOS7のアイコンの角丸は正円ではなく曲率が徐々に変化していくスーパー楕円(？)が使われています。 詳しくはこちらのブログで検証されていますが、とにかく自分で作るのは骨が折れそうです。 Start making iOS 7 Icons with the App Icon Template 3.0 以下に幾つかiOS7アイコンのテンプレートをピックアップします。 Photoshop用のPSDテンプレート、Pixel ResortのApp Icon
Staccal2のアイコンが出来るまで
div.version {clear: both; } div.icon {width:270px; float: left; margin-bottom: 100px; } div.icon img {background: #525252; padding: 15px; width: 240px;} div.desc {float: right; width:360px; } div.desc strong {font-size: 20px; padding-bottom: 10px;} 年始にPCを整理していた所、Staccal2のアイコンが出来るまでのデザインの変遷を見つけてしまいました。 いつか記事にしようと開発中に残しておいたものと思いますが忘れ去っていました。かなり今更なコンテンツなのですが、折角なのでご紹介しようと思います。
StaccalのアイコンiOS7対応 (前編)
iOS7がリリースされ、いよいよiPhone5s/5cが発売になりました。 iOS7のリリースに合わせ、様々なアプリがiOS7に対応したフラットなUIになってアップデートされており、非常に楽しい日々が続いております。 さて拙作Staccalは、まだUI自体はフラット対応が完了していないのですが、アプリアイコンはiOS7に対応しました。 新アイコン製作の過程で色々と試行錯誤があったので、共有したいと思います。 iOS7のアイコン変更点 iOS7発表時から話題に挙がりましたが、iOS7からアプリアイコンのサイズと角丸の規定が変わり、さらに全体的なOSの世界観がフラットデザインに変更されました。 下図はiOS6とiOS7それぞれのAppStoreアプリのアイコンですが、ご覧のとおり角丸のRが変わっています。実際にはiOS7の角丸は正円ではなく、段階的に曲率が変わっているので一筋縄で行かなくなって
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
2014年のトレンドはペロペロ感である。思わずペロペロしたくなるアプリアイコン28選！！
2014年になりますますwebよりアプリを利用する時間が多くなりました。ペロペロ感が出ているアイコンを今回は集めてみました。アプリを作成し、アイコンを作る時に参考にしましょう。 ペロペロ感とは？ フラットと質感のバランスが8:2であったり、流行のデザインであったりがペロペロ感になるのですが、ペロペロしたいと感じた場合は特別にどんなデザインでもペロペロ感が出ているアイコンになります。 思わずペロペロしたくなるアプリアイコン28選！！ 厳選に厳選を重ねて選び抜きましたのでペロペロ感が強いと思われます。こんな感じのアイコンがペロペロ感になりますので覚えておきましょう。 アイコンギャラリーサイト 今回、ペロペロ感が出ているアイコンを探す為に閲覧したサイトも載せておきます。 IICNS: A Library collection of beatifully designed iOS App icon
マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです（現在は、4月に更新された Ver. 2.22）。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
ちびキャラを作る上でのたった2つのコツ
どうも、マッキーです。 好きなレスラーはサブゥーとタイガースマスクです。 弊社のクイズゲームアプリ、冒険クイズキングダムでは700体以上のちびキャラがいます。 今回は、そのちびキャラたちを制作する上で気をつけていることを、さっくりお話し致します。 キャラクター制作以外にも言える超基本的なことですが・・どうぞお付き合いください。 ポイントはたったの２つ！ ・はっきりとした形にすること ・はっきりとした色合いにすること この二つをふまえれば、縮小しても見やすい魅力的なちびキャラがつくれます！ 実際、クイキンのゲーム表示はこんなに小さい・・・！ １.はっきりとした形にしよう シルエットに変化をつけよう ●キャラを個性的に見せるためには、キャラを並べて見たとき時にパッと見で違いがわかるべきでしょう。 そのためには大きい形の見え方が大切。シルエットの形で差をつけることが効果的だと思います。 同じシリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons - Material Design
杉屋