商用でも無料で利用できる1,000種類のアイコンが3つのスタイル、そしてPhotoshoop用・Adobe XD用・Sketch用・Figma用・inVision用、そしてSVGまで完備されたMaterial Icons Libraryを紹介します。 一度にすべてのアイテムがダウンロードできるので、備えておくと便利だと思います。 Material Icons Library ラインセスはApache License Version 2.0で、個人でも商用でも無料で利用できます。 アイコンはMaterial Designを踏襲しており、全部で1,000種類のアイテムが揃っています。スタイルは角丸・アウトライン、ツートーンの3種類。合計すると、3,000種類以上になります。 アイコンの特徴 フォーマットは、Photoshop, Adobe XD, Sketch, Figma, inVision

女の子のすこやかな成長を願う「ひな祭り」。およそ1,000年も続く日本の節句行事です。お姫様とお殿様が並ぶほほえましい雛人形は、春の訪れも感じさせてくれます。 そんなひな祭りに革命を起こした、ひとりの女性人形工芸士がいました。彼女が手がける雛人形は、これまでの印象とはずいぶんと違い、それゆえ賛否両論を巻き起こしたのです。 若くして故人となった工芸士は、どんな想いで斬新な雛人形づくりに挑んだのでしょう。それを知りたくて、彼女が星へと旅立った地、岐阜へ向かいました。 SNSで話題となった 1年後に急逝 この雛人形をご覧になったことはありませんか？ これは岐阜県の節句人形工芸士、後藤由香子さんが2016年に発表した、黒とグレーが織りなす雛人形。名前は「Gothic(ゴシック)」。 その名の通り、日本の伝統工芸に現代の「ゴシック＆ロリータ」の装いを採り入れた作品。 花をあしらったヘッドピースやデリ

思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 2018年人気だったすごいHTMLスニペットベスト100選【Codepen編】 コピペで実装できる、最新WebテクHTML/CSSコードスニペットまとめ Turbulence font – SVG マウスの動きに合わせて、

シンガポール発の既存チェーン「ティラミスヒーロー」（現ティラミススター）に対し、アメリカで活動するイラストレーターGemma Correll（ジェマ・コレル）さんが、「ティラミスヒーローのロゴはオリジナルではなく私の作品をトレースしたものだ」とTwitterに投稿し話題になっています。被害者と思われていた“ヒーロー”のオリジナルは、一体どこなのでしょうか。 上がティラミスヒーローのロゴで下がジェマさんの作品（画像はジェマさんのTwitterから） 左がティラミスヒーローの公開したイラストで右がジェマさんの作品 こちらも同じ ジェマさんはTwitterで、「自分のオリジナル作品と『ティラミスヒーロー』のロゴの類似について、多くの人から問い合わせがあった」とのこと。ロゴ以外でも多くのイラストについて、作品がコピーされていると述べています。また、「ティラミスヒーロー」と「HERO'S」の問題につ

コミュニケーションが生まれるツイートまとめツール

headless曰く、　Microsoftのフォント「Calibri」はパキスタンのシャリフ元首相が最高裁判所に提出した文書の偽造の証拠となっているが、カナダで再び偽造文書の証拠となった（裁判所文書、Canadian Lawyer Mag、National Post、Ars Technica）。 今回文書偽造が明らかになったのは、2009年に清算手続きを行ったカナダの通信会社Look Communicationsの元CEOだ。Lookは2009年に無線通信用周波数帯域など主要な資産を売却して8,000万カナダドルを得たが、取締役会の決定により1,700万カナダドルを補償金として元CEOや重役らに支払ったことから、Lookが返還を求める訴訟を提起。元CEOは約560万カナダドルをLookに支払うよう命じられた（裁判所文書[2]）。 判決後、元CEOは破産の申立を行ったが、2件の不動産は3人の

リンク Wikipedia フロッピーディスク フロッピーディスク (floppy disk) は、磁気ディスクの一種で、磁性体を塗布・蒸着した樹脂製小円盤を樹脂製の保護ケースに入れたものである。 本来は記録媒体（メディア）が「フロッピーディスク」または「フロッピーディスクメディア」で、駆動装置（駆動し読み書きする装置）が「フロッピーディスクドライブ」(FDD) と呼ばれる。両者とも略して「フロッピー」などと呼ばれることも多い。また「フロッピィ」のように書き表すこともある。俗称の「フロッピーディスク」(floppy disk) が普及したが（レトロニム 2 users 44

稲岡和佐 @kz_ina_ 描き方例。 台詞など多かったので すごく気を付けたページです。 3コマ目のセリフの周りを飛ばしていないのは グレー（トーン）の上に乗る文字は比較的読みやすいのです。ベタの上からだと厳しい。 ご自身の漫画の1ページを送って頂ければあくまで読みやすさとしての添削します pic.twitter.com/qMml9HHzCk 2019-01-16 15:30:57

本日、ブランドデザインのリニューアル計画の第一弾として、Slack では新ロゴを発表しました。Slack 社員だけでなく、ユーザーの皆さんにも愛されてきた以前のロゴ (とデザイン) をなぜ変えるのか、疑問に感じる方もいるのではないでしょうか。そこで、デザイン刷新の理由と、新しいデザインに込めた思いをご説明したいと思います。 まず、今回の変更は、なんとなく…といった軽い気持ちで行ったわけではありません！諸行無常とあるように、何事も変化というのは避けられず、自然の流れかもしれませんが、ロゴ変更の理由としては十分ではありません。ロゴというブランドの顔を変更するのは「本来のロゴの役割を果たしていない」という確固たる理由がある場合です。私たちが愛してきたロゴは、まさにこのケースでした。私たちはその事実を認め、よりシンプルでわかりやすい、ロゴとしての役割を果たす新しいデザインに進化させるため、今回のロ

デジタル産業が活況にあり、デジタル系デザイナーとして活躍する人材も増えてきてきました。さまざまなITサービスの活用により、労働時間を始め仕事の満足度は高い傾向にあります。その一方で、デジタル系デザイナーの半数以上が収入面での不満を抱えているとも言われています。実際に他の職業と比べても、年収は決して高い水準にあるとは言えません。仕事への満足度と収入の乖離はなぜ起きているのでしょうか。 そうしたグラフィック・Web・ゲーム・UXなどデジタル系デザイナーの年収の実態に迫りつつ、年収アップの秘訣や考え方について解説します。自身の研鑽を積みつつ、年収アップを目指しましょう。 デジタル系クリエイターは300～600万円未満が5割 出典：クリエイターワークス研究所「クリエイターの仕事満足度調査④～デジタル系クリエイターの仕事満足度と実態～」 クリエイターワークス研究所ではグラフィックデザイナー・Webデ

売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限

2019年のNHK大河ドラマ「いだてん」の放送が始まりました。“日本で初めてオリンピックに参加した男”金栗四三と、“日本にオリンピックを招致した男”田畑政治、2人の主人公の人生を描く物語です。 この「いだてん」のタイトルロゴが、現在ネット上などで物議をかもしています。NHKの番組公式Webサイトを見ると、「いだてん」の文字に重ねて、根本がくっついた3本の足がクルクルと回る印象的なロゴが。デザインを担当したのは、日本を代表する美術家・デザイナーである横尾忠則さんです。 「いだてん」のタイトルロゴ このロゴに対し、Twitterなどでは「怖い」「気持ち悪い」との声が多く見られ、「NHKが別のロゴに差し替える可能性も」と報じるメディアも。また、世界的なバイクレースである「マン島TTレース」などで知られる英国王室属領・マン島の旗のパクリでは？　といった意見も広く拡散されています。 マン島の旗（Fl

瑪瑙 @t_menou そう言えば、昨日見た新宿駅の地下通路にあった約束のネバーランドのアニメ宣伝ポスターが素敵だった。 結構な大きさの1面、これだけ。あと真っ白で隅に約ネバロゴあるだけ。 隣には同じ大きさで登場人物達の立ち絵もあったけど、中々出来ないよなぁと思った。好きだわー(*´▽｀*) pic.twitter.com/LwtWpgsSXD 2019-01-08 08:06:13

今回は“デザイン料金表”  について話していきたいと思います。 2017年に投稿したこのツイートがバズりました。 （※現在新しいアカウントに移行しているためリンク貼れず、画像で表示） このツイートした時期、私は何をしていたかというと 東京で起業したものの、当時お付き合いしていた方との関係がうまくいかず、また仕事もうまくいかず落ちぶれに落ちぶれ、挫折し、すべてをあきらめ実家に帰ってゆっくり休んでいました。ただ実家に帰っても仕事を振ってもらえるように辛うじて話をつけていたのでどうにか生きてました。 そんな状況でしたが、日課のようにツイッターは見ていました。ツイッターで友達がなんてことないツイートしてそれにイイネしたりリプしたりするのが心の支えでした。 そんな中、ひとりの友人（デザイナー）が、ツイッターでイラストの料金についての話をしていました。 “イラスト1枚1000円で依頼されたけど、修正も

むらさき@不登校研究 @12resw 大学院生×家庭教師(25)。社会福祉士,PSW。「安心して不登校できる社会」を実現する仕組み作りを研究中🔻小３〜中３不登校でした。当時の診断は起立性調節障害、社交不安障害。HSP、Xジェンダーです。双極性障害で服薬中。弟に知的障害🔻相談・親の会@MarBleHouse12 https://t.co/sU1R2dsJO0

本田技研工業とドワンゴが共同開発したスマホアプリ「osoba（オソバ）」に起用されたバーチャルアイドル「初音ミク」のビジュアルが披露されました。デザインを手がけたのは漫画家、矢吹健太朗さんです。 本田技研工業とドワンゴが開発する「osoba」に起用された初音ミクのビジュアル。デザインは漫画家、矢吹健太朗が手がける （全3枚）フォトギャラリーで見る osobaは本田技研工業とドワンゴが共同プロジェクトとして開発を進めているユーザーサポートアプリで、「VOCALOID」などで人気を集めているバーチャルアイドル「初音ミク」を、音声によるサポートとコミュニケーションを担当するキャラクターとして起用。2019年1月に軽スポーツ「S660」を対応車種として、iOS向けに配信される予定となっています。 今回披露されたビジュアルは「ToLOVEる」などで知られる人気漫画家、矢吹健太朗さんがデザインを手がけ

こんにちは、NewsPicksのデザイナーのよっしーです。 NewsPicks Adventカレンダー16日目を担当させていただくことになりました。とても緊張します...。 9月に入社し現在NewsPicksのアプリの機能改善やブランドの共通言語になるデザインシステム構築、広告バナーやイベント周りのデザイン、採用にも関わらせていただいています。つい一昨日にありがたいことに開発チームの新人賞をいただきました。 そんな私は2年前、デザインを全く知らない人間でした。4年間非デザイン職について、いまでは会員数300万人・有料会員数8万人のNewsPicksのプロダクトデザイナーとしてやらせていただいています。独学でwebやUIデザインを学んできた私にとって、本は師匠です。そこで今回「デザインの基礎」「美大卒アートディレクターから学ぶブランドデザインの思考」「ユーザー体験設計」の3つ分けてその一部を

はじめに まだ経験としては3社で、社会人になってまだ3年目の私。つまり、まだまだ若手のデザイナーです。 そんな私のWeb系デザインの勉強法をご紹介したいと思います。（たった一人でもいいから参考になればという想いで書きます。） 学生の方 デザイナーを目指している方 私と同様に若手デザイナーの方 若手デザイナーを部下またはチームで持っている方 に読んでいただくと、参考になる部分があるかもしれません。 もちろん、それ以外の方も大歓迎です！ まず、私のバックグラウンドをご紹介 私がデザイナーになるまでの話 簡単にお話をすると、小学生の頃からアフィリエイトをする目的でブログやホームページの作成などをしていたことがきっかけでWebに興味を持ちはじめました。 高校で進路を考える際に将来の仕事は何をしたいか色々考えて、それがWebデザイナーだったという感じです。 そこからは4年制の専門学校でIT・Web関

山手線の駅名でカタカナを採用するのは初めてだったり、駅名を公募して6万件も集まったのに130位だった「高輪ゲートウェイ」を採用しちゃったり、ネットでも否が多目の賛否両論が渦巻いておりますが……。 この長い駅名、路線図にとっても一大事なんですよ。路線図マニアとしては「『高輪ゲートウェイ』という長い駅名を、品川と田町のあいだにどうやっていれるのか？」が、どうしても気になります。 たとえばJR東日本の首都圏近郊路線図を見てみると……。 品川−田町間はこうなってます。 元々、品川と田町のあいだに何かしらの新駅が入るのは予定されていたこと。田町と浜松町をちょっと上に移動してスペースを空けることにはなっていたと思うんですよ（浜松町を動かすと東京モノレールにも影響があるのでそれはそれで大変ですが……） ここに「高輪ゲートウェイ（Takanawa Gateway）」を挿入するとなると、大崎のローマ字にまで