Figmaですぐに使えるUIデザイン用のアイコン素材！ シンプルで、可読性を最大限に高めた4,000種類のアイコン
WebサイトやスマホアプリのUIデザイン用にシンプルで、可読性を最大限に高めたアイコン素材を紹介します。ライン・デュオトーン・ソリッド・フラットの4つのスタイルに、計4,000種類のアイコンが揃っています。 アイコンはオープンソースなので、商用プロジェクトでも無料で利用できます。Figmaで配布されているので、すぐに使用できるのも嬉しいですね。 4,000 Free + Open Source Icons アイコン界のヘルベチカを目指して、可読性を最大限に高めるために14pxのグリッド上に構築されています。Streamlineの10年以上の経験を持つ8人のアイコンデザイナーによって作成されています。 アイコンの利用方法は簡単で、下記ページにアクセスし、「Figmaで開く」をクリックします。
イラストレーション・アイコン素材｜デジタル庁
素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか？ 日本に暮らす人、訪れる人が理解しやすい表現になっているか？ など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制
SF Symbols - Apple Developer
SF Symbols 5 With over 5,000 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms. Symbols come in nine weights and three scales, and automatically align with text. They can be exported and edited using vector graphics editing tools to create custom symbols with shared design characteristics and accessibility featu
1000万円超を6日で稼いだiPhone用アイコンセット制作者が語る「成功の秘密」とは？
iOS 14が2020年9月にリリースされ、iPhoneでホーム画面のカスタマイズが可能になりました。このiPhoneにカスタマイズできるアイコンセットを6日間で3626セット売り上げ、合計10万1528ドル(約1071万円)を得たクリエイターのTraf氏は「一時の成功のように見えますが、本当は何年もかかりました。約7年です」と述べ、成功までの経緯と秘密を自身のウェブサイトで語っています。 Six Figures in 6 Days https://tr.af/6 Traf氏によると、iOSの脱獄が本格化した2013年頃に他の人から刺激を受けて、脱獄したiPhoneなどで動作するコンテンツを売買するプラットフォームCydiaで作品の販売を始めたそうです。初めて作成したアイコンセットの売り上げは17ドル(約1700円)ほどだったとのこと。 2020年にiOS 14が登場し、ホーム画面のアイコ
2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ
Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful tricks you might not know about. by Kiss Patrik 下記は各ポイントを意訳・加筆したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 更新: 2021/2/1現在の最新情報にアップデートしました。 Font Awesomeとは Font Awesomeへの登録方法・アイコンの基本的な使い方 Font Awesome アイコンのサイズの指定方法 Font Awesome リスト用のアイコン Font Awesome アイコンの回転 Font Awesome アイコンのアニメーション Font Awesome アイコンを
iOSDCで『Sketchからアイコン切り出し ⇒ Asset Catalogを自動生成 ⇒ 差分があればPullRequest』という流れをCIで自動化する話をしました - Konifar's WIP
2ヶ月くらい前にiOSDC 2017のプロポーザルを出したんですが、2つ出したうちの1つが採択されたので登壇してきました。 speakerdeck.com サンプルリポジトリはこちらです。資料だけだとわかりにくい部分もあると思うので、少し補足しておこうと思います。 Import Sketch Icons to Asset Catalog on CI Sketchからアイコンを切り出して、Asset Catalogを生成して、差分があったらiOSのリポジトリにPull Requestを出すというのをCIで自動化している話です。 私の所属するQuipper Limited.で実際に運用している知見です。 @konifar konifarという名前で、TwitterやGitHubをやっています。 プライベートで、専業主婦の嫁さんとエンジニアリングやエンジニアの仕事に関する雑談をするyome.fm
Twitter幹部に聞く（1）： Twitterのアイコン、なぜ丸にしたの？ - ITmedia NEWS
インタビュー連載：Twitter幹部に聞く 来日したTwitter幹部に、素朴な疑問をぶつけるインタビュー連載。4日間にわたり、4本の記事を掲載します。 Twitterが6月半ばに大幅なデザイン変更を行い、ユーザーアイコンが四角から丸になった。この変更には賛否両論あり、「四角の方が良かった」という声も根強い。 なぜ丸に変えたのか。デザインリニューアルの意図は。このほど来日した米Twitterのプロダクト担当副社長キース・コールマン氏と、ユーザー調査／デザイン担当副社長のグレース・キム氏に聞いた。 ――6月にユーザーインタフェース（UI）がかなり変わり、ユーザーアイコンが四角から丸になった。新しいデザインには賛否両論がある。なぜ、今変えたのか。 キム氏：Twitterは昨年、ブランドアイデンティティを刷新しており、それを製品に反映させる良いタイミングだった。これまでのデザインは使いにくかった
Vector icon speedruns
It’s common to have to draw the same kinds of icons over and over — many different apps and websites use similar glyphs, but each instance typically needs to be tweaked for size and style, so they need to be redrawn. Due to this repetition, I’ve always been interested in trying to work out optimal ways to create them. This is to save time, but also as a fun challenge. I’ve explored the best way to
iOS アプリのアイコンを申請なしですぐに変更？！ Alternate Icons を試してみた | ギャップロ
アイコンを変えたくなったら申請しなきゃ アプリを作っていて、ホーム画面に表示されるアプリのアイコンを変更したくなったことはないでしょうか？ デザインを大幅にリニューアルするということならともかく、イベントや期間限定の演出として一時的に変更したいという場合でも、 iOS の場合は、 Apple に対してアップデート申請と審査を行わないといけません。 実際、デザイン変更を演出の一部としている LINE などのアプリは、都度アプリがバージョンアップされています。 しかしバージョンアップを行うとなると、審査期間やリジェクトリスクなどがつきまとうため、スピーディーな変更には対応できない可能性もありますね。 しかし、 iOS10.3 から、アプリのアイコンを任意のタイミングで変更できるようになりました。 ここでは、その設定方法などを紹介していきます。 Alternate Icons について 今回紹介
良くあるメニュー・アイキャッチのアイコンに使えそうなFontAwesomeのまとめ
たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます！ 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません！ 使い方については↓を！ http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ！ Twenty Fourteenに標準装
【まとめ】超絶精巧なiOSのデザインアイコン – いろいろ編25選 – #applejp #iphonejp
世界のデザイナーが集結する Dribbbleには、メチャクチャ作り込まれたたまらない質感のiOS用デザインアイコンが多数掲載されています。
iOS7向けアイコンの角丸シェイプをほぼ確実に再現したPSDテンプレート公開。
WWDCで iOS 7が発表されてからというもの、新しくなったアイコンの角丸に対応すべく国内外含めて色々なところからテンプレートが出て来ていますね。 そんなテンプレート公開ラッシュも一段落した頃かな？と思いますが、遅ればせながら用意してみたので、ついでに公開。 自分の目でちゃんとしたソースを確認しないと安心出来ないタチなのですが、いつもながらAppleからの公式なテンプレートなどは用意されてないっぽいので、NDAなNDAを使ってNDA的なコトをしたりしなかったりなんかして、なんとかApple純正の1024pxサイズでの角丸リソースを確認することが出来たので、ちまちま調整かけて独自テンプレートを作ってみたよ、ってな塩梅でございます。 ちなみに下は、角丸がちゃんと合っているかを確かめるために用意した実機サイズのアイコン画像とそれをNDAシミュレータで実行したものをキャプチャした画像(拡大)です
画像を各SNSの最適サイズに加工できるサイト「Social Media Image Maker」が便利 | Qlay
画像を各SNSの最適サイズに加工できるサイト「Social Media Image Maker」が便利 by Qlay · 2013年3月25日 Twitter、Facebookをはじめとして、各SNSで必ず必要になってくる「プロフィール画像」「壁紙画像」ですが、SNSごとにサイズが異なっているため、Twitterで使っていた壁紙やアイコンをそのままFacebookで使うと画像が劣化してざらざら・・・なんてことが良くあります。 毎日使うSNSですから、どうせなら綺麗な写真でアイコン・壁紙を飾りたいものですよね。 そこで便利なのが「Social Media Image Maker」というサイト、このサイトはTwitter、Facebookは当然の事ながら、YouTube、Google＋、Flickr、Tumblr、Skypeなどなど様々なサービスの画像が劣化しない最適サイズに加工してくれると
YouTube人気急上昇
【ゆっくり実況】おいし～！！カービィがおデブになった！？たくっちのカービィのグルメフェス実況！！ Part1 【 カービィのグルメフェス 】【たくっち】
iOS7のガイドラインにそって作成された300個のフリーアイコンセット「RetinaIcon 300 Free Icons」
フラットテイストのデザインが採用されたiOS7。そのデザインに合うように、webサイトやアプリケーションデザインもテイストを合わせて制作することが多くなってきていると思います。今回はそんな時に便利に活用できる、iOS7のガイドラインにそって作成された300個のフリーアイコンセット「RetinaIcon 300 Free Icons」を紹介します。 300個という豊富な種類が魅力的な、アウトラインタイプのアイコンとなっています。 詳しくは以下 メールやファイル、adobeアプリケーション、天気やSNSなどの定番として利用できる種類はもちろん、フェイスやファッションアイテム、フード、宇宙、スポーツといった個性的なジャンルもアイコン化されています。種類が300個も揃っているのが嬉しいですね。非常にシンプルなので、iOS7だけでなく、他のバージョンやイメージのデザインにも当てはめやすいのではないで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EXPERIENCE JAPAN PICTOGRAMS
SF Symbols | Apple Developer Documentation
Solid Vs. Outline Icons: Which Are Faster to Recognize?
「Microsoft Office」のアイコンデザイン、6年ぶりに刷新へ - ITmedia NEWS
レスポンシブ対応のアイコン素材、単にサイズを変えるだけでなく、デザインを最適化した優れもの！
