A CCO project maintained by the Simple Icons contributors. Use GitHub for requests, corrections and contributions. Kindly supported by your donations at Open Collective.
![Simple Icons](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f9453635c4889086c70bb0ef78b27db51fd9b94/height=288;version=1;width=512/https%3A%2F%2Fsimpleicons.org%2Fimages%2Fog.png)
こんにちは!デザイン担当の福島です。 今日は、わたしがアイコンを作成する際に見る参考サイトの紹介をしたいと思います。 あの機能のシンボルってなんだっけ?ってときに見る。 あれ、この形って一般的なのかな?と、作っているときに不安になることはよくありますよね!心配になったときに検索すると一般的に連想される形がわかって捗ります(一般的なシンボルもプラットフォームによって多少違ってくるので、数が多い = 正解とはいいきれませんが) たとえば『タブ』ってどんな形で表すのが一般的なんだろう?というような疑問にすぐに答えてくれます。 FIND ICONS 色んな検索に対応しているので、がっつり調べたいときはここで検索します。 ICON FINDER さくっと見たいときはこちら!16/24/32/48/64/ 等の一般的なサイズで絞りこめるので 16px で作られた、あの複雑な形のアイコンがみてみたい!な
ウェブサイトやパンフレット、資料などを作っている時に無料アイコンは便利ですが、クレジットの表示が必要など、制限があることも。「IconStore」に登録されているアイコンは無料の上に商用利用も可能で、クレジットの表示も不要とかなり使い勝手がよく、映画スター・ウォーズっぽいものから、SNSアイコン集、海がテーマのアイコン集、ゲームっぽいアイコンまとめなど、種類も多岐にわたっています。 Free icons by first-class designers - IconStore https://iconstore.co/ IconStoreはこんな感じでアイコンがずらりと並んでおり、スクロールしながらさまざまなアイコンを見ることができます。 スクロールしていくと画面下部に現れる3点リーダのアイコンを押すことで、さらなるアイコンたちを見ていくことが可能です。 なお、それぞれのアイコン画像は右下
スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが「ハンバーガー」。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し
iPhone Device & Screen Sizes and Resolutions (Open image in new window) Compare Device Sizes To get the screen dimensions (in points) of the current device: Objective-C: CGRect screenBounds = [[UIScreen mainScreen] bounds]; // Macros: #define screen_width [ [ UIScreen mainScreen ] bounds ].size.width #define screen_height [ [ UIScreen mainScreen ] bounds ].size.height Swift: let screenBounds = UIS
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com! 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
「iOS 7」は早ければ9月10日にも正式リリースされると言われていますが、9 to 5 Macによると、Appleが開発者に対し「iOS 7」に対応したアイコンの提出を求めている事が分かりました。 「iOS 7」対応のアイコンのサイズは「iOS 6」までのアイコンよりサイズが少し大きくなっており、iPhoneの場合で「iOS 7」が120×120に対し、「iOS 6」は114×114で、iPadの場合は「iOS 7」は152×152に対し、「iOS 6」は144×144となっています。 また、「iOS 7」ではアイコンの角半径も変更されており、開発者はこの変更もアイコンデザインの際に考慮する必要があるそうです。
凄くシンプルなアイコンが好みだったので備忘録。商用でも無料で利用出来るそうです。ファイルもPNGの他にPSDが同梱されていますので調整しやすいのでは。 とってもシンプルなアイコンのセットです。ちょっと塗り絵っぽい。 こんな感じでラインのみで作られたシンプルなアイコンです。PNGで用意されたサイズは16pxから512pxまでの7通りに加えてPSDも含まれています。 ライセンスはAvailable for Personal and Commercial Projectsとの事で、個人利用でも商用でもOKとの事です。 ダウンロードはメールアドレスが必要です。金額を0$入力し、メールアドレスを入れて送信すればメールが届きます。ご利用は以下より。 Simplicity Vector Icon Set
合字を利用してアイコンを表現できるWebフォント・MONO SOCIAL ICONS FONTのご紹介です。Open Font License(OFL)なので商用でも無料で利用する事が出来ます。 合字とCSSを利用して、特定の文字列でアイコンを表示させます。 サークル状やスクエアタイプも用意されています。CSSのtext-renderingやfont-smoothingを利用し、特定の文字列でアイコンを表示させるようにしてあるみたい。 @font-face { font-family: 'Mono Social Icons Font'; src: url('MonoSocialIconsFont-1.00.eot'); src: url('MonoSocialIconsFont-1.00.eot?#iefix') format('embedded-opentype'), url('Mono
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね! アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
iOS 7 にもフラットデザインの波がやってきましたね…! フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう!作ってみよう!という方もいるのではないでしょうか。 ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。 見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの?という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。 アイコンのモチーフを決める アイコン案はこんな感じで出しています。 例として「医療」アイコンで考えてみました。こういった図にして 考えると道筋が立てやすく、後で迷った際に復帰しやすいです。 その場で図が浮かぶ物は描き足しておきます。 決める
iPhoneアプリ内で使用する画像やアプリアイコンなどについて調べた内容をまとめておく。 ソースは、↓のドキュメント。 >> iPhone Human Interface Guidelines:Creating Custom Icons and Images まず、iPhoneアプリで使用できる画像ファイルについて。 フォーマットは、JPEG,PNG。 PNGはαチャネル(透明、半透明)が使用可能。 以下は、アプリ内で使用される各アイコンの仕様です。 アプリアイコン フォーマット:PNG サイズ:57 x 57 (px) その他: 形状は、正方形(ラウンドではない。) 光沢、αチャネルの使用は不可。 なお、iPhone OS はアイコンを表示する際、以下の処理を自動的に行う。 正方形から丸角にする ドロップシャドウを付加 光沢を付加 App Storeのページ用アイコン フォーマット:JP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く