サイト構築
UIデザインで大切な空白スペースの効果的な使い方
Post on:2015年7月1日
空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。 Why White Space Is Cr […]
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
Post on:2015年7月1日
CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオン […]
デザインの勉強にいい！有名ブランドのガイドラインのまとめ
Post on:2015年6月30日
Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。 スタバ、ケンタ、Heineken、NASA、LEG […]
[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js
Post on:2015年6月30日
反発係数を使って弾み具合を変化させたり、運動量に応じて質量を変化させたり、引っ張ると引っ張り返され押すと押し返されるなど、物理法則に基づいた滑らかなさまざまなアニメーションを実装できるスクリプトを紹介します。 Dynam […]
Sketchの使い方: 初心者がマスターしておきたいSketchでのデザイン作業がぐっと効率的になるチップス
Post on:2015年6月29日
Sketchでのデザイン作業がより素早く、快適になるキーボードショートカットや機能を紹介します。 10 Sketch Tricks for Designers
Bootstrapでランディングページやポートフォリオを作ろうとしている人にぴったりなテンプレート -Start
Post on:2015年6月26日
プロダクトやアプリのランディングページ、ポートフォリオなど、レスポンシブ対応の縦長ページをレトロ風にデザインしたBootstrapベースのテンプレートを紹介します。 通常は有料ですが今週末まで無料なので、有料のテンプレー […]
Photoshopの使い方: 作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応
Post on:2015年6月25日
Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop F […]
[JS]Webページのパフォーマンスをかっこいいストリーミングのグラフで表示できるスクリプト -Justice
Post on:2015年6月25日
Webページのパフォーマンスに関する数値やストリーミングのグラフを簡単に表示できるスクリプトを紹介します。 ブックマークレットとしても利用できるので、自Webページ以外でも表示できます。 Justice.js -GitH […]
デザインに効果的なフォントの選び方を身につけよう！レジュメに適したフォントと避けたいフォント
Post on:2015年6月22日
フォントはコミュニケーションデザインにおいて重要なツールです。 ロゴに使うフォント、コピーに使うフォント、見出しに使うフォント、本文に使うフォント、WebやUXデザインにおいても非常に重要な役割です。 文字中心で情報を整 […]
2015年のロゴデザインのトレンド -2015 Logo Trend Report
Post on:2015年6月19日
ロゴのデザインって、見ているだけでも楽しいですよね。 そんなロゴデザインの2015年のトレンドを分析した「2015 Logo Trends」を紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのト […]
sponsors
