Archives : April 2015

- 12 Articles -

Google Fontを組み合わせてタイポグラフィーデザインを制作していくプロジェクト「100 Days of Fonts」

Read Article

Google Fontを組み合わせてタイポグラフィーデザインを制作していくプロジェクト「100 Days of Fonts」

素敵なプロジェクトだと思ったので、応援の意味も込めてご紹介。「100 Days of Fonts」はサンフランシスコのデザイナー Do-Hee Kimさんのプロジェクトで、Google Fontsで提供されているフォントを組み合わせてタイポグラフィーデザインを制作・公開していく100日プロジェクトです。

  • Inspiration
各種デザインツールやよく見るレイアウトタイプなど、デザイン関連のアイコンセット 10

Read Article

各種デザインツールやよく見るレイアウトタイプなど、デザイン関連のアイコンセット 10

デザイン・アート制作時によく用いられるツールやよく見るレイアウトタイプなどをモチーフにしたデザイン関連のアイコンセットのまとめです。普段のサイト制作などで使うことはほぼないと思いますが、デザイナーのポートフォリオ、チュートリアルなどでツール紹介時に何かワンポイント入れたい時、わかりやすくレイアウトを説明したい時などに使えそうなアイコンです。

  • Material
最近気になったハイクオリティなUIキット #10

Read Article

最近気になったハイクオリティなUIキット #10

ここ最近気になったハイクオリティなUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。また、今回はよく見かけるタイプのUIキット以外に大容量のApple Watc…

  • Material
ユニークなタイプが多数!Pure CSSで実装できるプリローダー 5

Read Article

ユニークなタイプが多数!Pure CSSで実装できるプリローダー 5

以前にもCSSやSVGなどで実装するプリローダー(ローディングアニメーション)を一度まとめたことがあるんですが、また幾つか使わせてもらう機会ありそうなものや覚えておきたいものが幾つかあったので備忘録です。今回はいずれもPure CSSで実装したプリローダーとなっており、シンプルでどんなデザインにも合うタイプももちろんありますが、全体的にちょっと変わったものなど他では見ないようなタイプのものが多めで…

  • Tips
お酒をモチーフにデザインされたアイコンフォント「Alcodings Font」

Read Article

お酒をモチーフにデザインされたアイコンフォント「Alcodings Font」

面白いなと思ったのと見た目もシンプルで好みだったのでご紹介。「Alcodings Font」はお酒をモチーフにデザインされたアイコンフォントです。「Jack Daniels」なら「j」、「Tequila」なら「t」、「Wine」なら「w」というようにそれぞれの頭文字を入力すると対応したアイコンが表示され、種類はアルファベット+αで全32種類あります。

  • Material
CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15

Read Article

CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15

自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいという時に使えそうなエフェクトのサンプルです。CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。

  • Tips
プログラミング言語・Webサービス・ファイルタイプ・ブラウザなど、Web開発関連のアイコン・アイコンフォント 15

Read Article

プログラミング言語・Webサービス・ファイルタイプ・ブラウザなど、Web開発関連のアイコン・アイコンフォント 15

なんとなく気になっていろいろ探してみたのでまとめました。プログラミング言語やフレームワークのロゴ、多くの開発者に利用されているWebサービスやツールのロゴ、シンプルでわかりやすくデザインされたファイルタイプ、フラットデザインで表現されたブラウザなど、いずれもWeb開発に関連していると思うアイコン・アイコンフォントです。普段のデザイン業務などにはほとんど使わないと思うものが多いですが、技術系ブログと…

  • Material

Close the search window,
please press close button or esc key.