同氏は英国出身のフリーランスイラストレーター。日本に12年間住み、妻は日本人。 2006年、ストックイラストサービス「iStockphoto」に投稿した鳥のイラストを、Twitterの創業者らが約10～15ドルで購入し、ロゴに採用。同氏は当時それを知らず、2009年にCNNの放送で初めて自作の採用を知ったという。 GitHubのOctocatも2008年、共同創業者が404エラーページに表示するイラストをiStockphotoで探していたところ、半ネコ半タコのイラストを見つけ、同氏と交渉して独占的な権利を購入したものだった。 一方、Bitlyのフグのリデザインや、DigitalOceanの「Sammy the Shark」など、企業からのデザイン依頼にも多く応えた。

どうも、hanetsukiです。 GitHubにはアカウントそれぞれにREADMEを乗せられるリポジトリがついているのはご存知でしょうか？ 以前から簡易的なプロフィールは掲載していたのですが、訪問していただいた方に「おっ！」っと思わせるようなREADMEにしたいと思い更新することにしました。 今回更新するにあたって何を使ったのかというのを忘備録的に残していきます。 これが今回完成したREADME 詳しいソースコードは、リポジトリをご覧ください。 Skill Icons 自分が持っているスキルなどを表示するときに便利。 他にもお気に入りの言語や、今学習の言語という使い方もできそうですね！ 詳しい利用方法は、https://github.com/tandpfun/skill-icons#readme をご覧ください Badge Generator Zennのフォロワー数の記載に利用しています。

目に見えないものや内容が複雑なものを表現するのにイラストは最適です。実際にWebサイトや資料制作など、様々なシーンでイラストを取り入れることが増えてきました。 当記事では、高品質かつ商用利用可能なイラスト素材を無料でダウンロードできるサイトをまとめましたので、オシャレなイラストを手軽に手に入れたい方はぜひ活用してください。 各サイトの素材の著作権、ライセンス等は公開時点のものですので、活用する際は必ず各運営元でご確認ください。 イラスト素材をダウンロードできるサイト10選 今回ご紹介するサイトは下記になります。基本的には、PNG等の形式でダウンロードできますので、そのままでも、加工して使用することもできます。（加工の可否は運営元のライセンスをご確認ください。） ManyPixels unDraw ISOMETRIC DrawKit Storyset blush shigureni Linu

Animated Pictograms 日本に古くから根付く、独特の文化や習慣、 マナーをもっと楽しく、わかりやすく、身近に。 参拝 お辞儀 餅つき タクシーを拾う 入浴 手水 茶道 手締め 電車 相撲の決まり手 阿波おどり Coming Soon

It is that time of the year when you want to add a few Christmassy stuff to your websites and designs. How about doing that using Sketch because it is only $99 and it is super easy to use. Yes! Even if you have never designed before. Sketch Interface The center white space is your drawing board.Create any shape or import image using Insert from Menu bar or the top left icon that has a plus sign an

Sketch 3 is getting very popular. More popular than you’d really imagine. You can check out some articles like this and this which talks about the new features it has just released. You can skip all this and directly download the 139kb sketch file. Its at the end of this article. So lets start. This is the final product we’d like to achieve. Might not be the exact same but you’ll learn few things

This is a 3 part tutorial in which I will show you how to make this infinity logo in 3 different programs: Adobe Illustrator, Adobe Photoshop, and Sketch by Bohemian Coding. The aim is that by creating this in three different programs you will better understand the differences, advantages and disadvantages of the respective software. These are aimed at beginners, so skip ahead if it is too slow. Y

「try! Swift」2日目のセッション "Live Design:🎙🎨" （日本語タイトル：ライブデザイニング）で、Sketchを使ってサクサクとアイコンをつくっていく過程を見て、 Sketch使いやすそう。買おう。 #tryswiftconf— Tsutsumi Shuichi (@shu223) 2016年3月3日 と思い *1、さっそくダウンロードして同じ手順をなぞってみることにしました。 Sketch - Professional Digital Design for Mac ちなみに購入する気満々だったのでこういうタイトルにしたものの、Free Trialで30日間は無料で使えるようです。 @niwatako さんの聞き起こし記事を参考に手順をなぞっていきます。 try! Swift ライブデザイニング:🎙🎨 #tryswiftconf Day2-10 - niwat

WHAT'S ICOOON MONO 商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 WEBデザインやDTPのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 TopeconHeroesが作成したこのサイトに掲載している素材は、どなたでも使用条件に違反しない限りクレジット表記や許可なしで、 自由にご利用いただけます。

最近資料デザインを「現代的」にしたいなと思っていて、フラットデザインのテンプレートを購入して研究したりしてます。そこで重要となるのが「アイコン」で、うまく使うだけで資料がぐっと見やすくなります。いろいろとググってみると良いものがたくさんあるので、今回はそれをご紹介。 まずはこちら。 Googleが提供していてそのサービスでよく使われているMaterial Icon 942種類をパワポですぐ使えるようにコンバートしてくれています。たくさんのカテゴリーごとに網羅的にアイコンが揃っているのですごく使えそうです。さっそくダウンロードしました。 また、同じ方がFont Awesomeのアイコン369種類を同様にパワポ向けにコンバートしてくれています。 親しみやすいデザインが多いので、さまざまなタイプのパワポ資料に活用できそうです。いいですね。 次はこちら。 これは海外のデザインスタジオが作成している

「Slack Emoji Uploader」は画像をワンクリックでSlackの絵文字に登録できる拡張機能です。Slackのカスタム絵文字に登録する手間を簡略化できますよ。絵文字を頻繁に登録する方にはもってこいの拡張機能です。 Screenshot:カメきち 使い方は簡単。まずはSlack Emoji UploaderをGoogle Chromeにインストールし、Slack情報を登録します。そして、絵文字化したい画像の上で右クリックし「Add emoji to XXXX」という項目を選択すれば完了。 Screenshot:カメきちこのように絵文字として登録することができました。ページ遷移もありませんし画像のサイズ調整なども必要ありません。Slackにカスタム絵文字を登録する際にご活用ください。 [Slack Emoji Uploader]

フリー素材から選んだんならオススメのサイト教えてくれ 作ったんならオススメの作り方(どういう画像選んでどういうサイズでトリミングしてとか)教えて 俺もはてブするときに自己主張したいのだ (自分のアイコンが明白だと実務面でも承認欲求も満たされるよね)

An old 57×57 Apple Touch icon on a shiny Retina iPad. Blurry. A high resolution 152×152 Apple Touch icon on a shiny Retina iPad. Neat. If you didn’t have the right answer, don’t blame yourself though. Out of the 5,000 top web sites which exhibit an apple-touch-icon.png, as little as 4% get it right. Some might argue that 9 graphics are not really necessary. But at least, your master Apple Touch ic

概要 アイコン（*.ico）ファイルの作成方法。 オンラインツールでアイコン作成 PNG画像をICO形式に変換する。 半透過マルチアイコンやファビコン(favicon.ico)作成 左側の青いボタンをクリックしてPNG画像を選択するか、ボタン上に直接PNG画像をドラッグ＆ドロップ。 （16×16と32×32ぐらいは用意しておきたいところ） そして「アイコン作成」ボタンを押す。 フリーソフトでアイコン作成 ＠icon変換 画像をICO形式に変換できるツール。 @icon変換（画像とアイコンの相互変換ツール） - towofu's SOFT ウィンドウの左側に画像をドラッグ＆ドロップして「単独アイコンに保存」ボタンを押す。 複数の色数・サイズに対応したマルチアイコンの場合は、必要な画像をドラッグ＆ドロップして、、、 アイコンにするファイルを選択状態にしたら「マルチアイコンに保存」ボタンを押す。

異世界の魔法、武器、防具、クリーチャー・生き物、植物、食べ物、道具、ポーションなど、495種類のアイテムがデザインされたピクトグラムを紹介します。 RPG-Awesome ダウンロードできる素材のフォーマットは、4種類。 .svg .eot .woff .ttf SVGアイコン、Webフォントとして利用できます。 ピクトグラムには異世界に出てくるさまざまなアイテムが揃っています。 その中の一部をご紹介。

この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク

オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方

発端はこのサイト 読むだけでプレゼン力が格段に上がる！良質スライド＆記事のまとめ15選 | FINDJOB! Startup ここで紹介されているスライド・記事や、 その他素材サイト等今後も頻繁に使うことになりそうなサイトをまとめてみた。 私は Web エンジニアなので、アイコン集などはややそちら寄りになってるかも。 しょぼいプレゼンをパワポのせいにするな! by @jessedee from 「MakeLeaps」請求書の作成、管理、郵送 プレゼン作りそのもの 何度も見返すことになりそうなもの。 プレゼンテーションに悩むすべての人達のために：プレゼンテーションの世界標準「構造的プレゼンテーション」 - Imagine with 加藤和彦 伝わるデザイン｜研究発表のユニバーサルデザイン スライドのテーマ 大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAP