アプリケーションアイコンを作るときに参考になるサイトまとめ
こんにちは！デザイン担当の福島です。 今日は、わたしがアイコンを作成する際に見る参考サイトの紹介をしたいと思います。 あの機能のシンボルってなんだっけ？ってときに見る。 あれ、この形って一般的なのかな？と、作っているときに不安になることはよくありますよね！心配になったときに検索すると一般的に連想される形がわかって捗ります（一般的なシンボルもプラットフォームによって多少違ってくるので、数が多い = 正解とはいいきれませんが） たとえば『タブ』ってどんな形で表すのが一般的なんだろう？というような疑問にすぐに答えてくれます。 FIND ICONS 色んな検索に対応しているので、がっつり調べたいときはここで検索します。 ICON FINDER さくっと見たいときはこちら！16/24/32/48/64/ 等の一般的なサイズで絞りこめるので 16px で作られた、あの複雑な形のアイコンがみてみたい！な
無料で商用利用可能でクレジット表示も不要なアイコンをまとめた「IconStore」
ウェブサイトやパンフレット、資料などを作っている時に無料アイコンは便利ですが、クレジットの表示が必要など、制限があることも。「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 Development 101: iPhone Screen Sizes and Resolutions
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
もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！ 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
商用でも無料の、凄くシンプルなアイコンのセット・Simplicity Vector Icon Set
凄くシンプルなアイコンが好みだったので備忘録。商用でも無料で利用出来るそうです。ファイルもPNGの他にPSDが同梱されていますので調整しやすいのでは。 とってもシンプルなアイコンのセットです。ちょっと塗り絵っぽい。 こんな感じでラインのみで作られたシンプルなアイコンです。PNGで用意されたサイズは16pxから512pxまでの7通りに加えてPSDも含まれています。 ライセンスはAvailable for Personal and Commercial Projectsとの事で、個人利用でも商用でもOKとの事です。 ダウンロードはメールアドレスが必要です。金額を0$入力し、メールアドレスを入れて送信すればメールが届きます。ご利用は以下より。 Simplicity Vector Icon Set
商用でも無料の、合字を利用してアイコンを実装するWebフォント・MONO SOCIAL ICONS FONT
合字を利用してアイコンを表現できる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
ウェブでも紙でも商用利用無料！コリス限定のホビー系アイコン素材150種類を配布します！ -Celebrations Icon Set
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね！ アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
【非デザイナー向け】フラットデザインに欠かせないピクトグラム的アイコンの作り方
iOS 7 にもフラットデザインの波がやってきましたね…！ フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう！作ってみよう！という方もいるのではないでしょうか。 ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。 見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの？という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。 アイコンのモチーフを決める アイコン案はこんな感じで出しています。 例として「医療」アイコンで考えてみました。こういった図にして 考えると道筋が立てやすく、後で迷った際に復帰しやすいです。 その場で図が浮かぶ物は描き足しておきます。 決める
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
iphoneアプリアイコンの角丸半径って？ ＹＡＩＰ
久しぶりの備忘録。 というか、今の場所はFC2がブロックされるもので使いづらい。。。 大震災で本当に日本は大変なことになっているようですが、離れている場所にいると情報も入りづらくて、ただ一日も早い復興を祈るばかりです。 最近よくiPhoneアプリのアイコンを手がけます。 で、困るのが、あれ自動で角丸にされるわけなんですが、それを生かして角が丸いデザインをすることってあります。デフォルトで入っている設定なんかがそれに当たると思います。 で、いざ設計しようとすると、角丸の半径の設定ってどうなってるの？と思いました。 日本語で検索してもなかなか出てこない…キーワードが悪いのでしょうか？ というわけでこういうときは英語です。 “apple iphone icon radius"とか入れて検索するといくつかヒットしました。 諸説あるので精密に知りたい人は自分で調べてください。ここに書いてあるのでデザ
Icons | iOS Icon Gallery
Showcasing beautiful icon designs from the iOS App Store
DHA・EPAサプリメントランキング！※各商品の口コミご紹介！
DHA・EPAについて説明していきます。魚は昔から好まれてきた食べ物ですが、理由として様々な健康に良いからだと言われているからです。 逆に現代では中々魚料理を食べる人がいなくなってきていることでDHA不足とも言われております。なぜ魚をあまり食べなくなるとDHA不足と言われるかというと、人間自身で作ることができない必須脂肪酸、いわゆるDHAなどのオメガ脂肪酸を魚料理を食べることで摂取することができるからだと言われているからです。ですから魚料理をたくさん毎日食べ続ければDHAを不足することなく摂取することができますが、反対に毎日魚料理を食べなければDHAの摂取量が減ってしまうのです。 WHO(世界保健機関)でもDHAおよびEPAの摂取を推奨していますが、食事からだけで補うことはなかなか難しいです。マグロなどのお刺身が比較的とりやすいですが毎日お刺身を食べることは大変ですし、かといって加熱調理す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
これ以上ないくらいミニマルにデザインされたフリーのアイコン素材 -Simple Line Icons
新着記事
新着記事
ピュアCSSで描かれたアイコンセット「Cikonss」:phpspot開発日誌
新着記事
新着記事
