レスポンシブデザインでのロゴパターン「responsivelogos」
視認性・可読性の問題でレスポンシブにした際のロゴタイプを変更する良い例が「responsivelogos」にて公開している。
日本のブランドロゴは比較的シンプルなテキストベースのロゴが多いが、シンボリックなロゴを制作する場合は、VIの段階からロゴパターンも検討した方が良いと考えさせる。
responsivelogos
-
非レスポンシブの要素をレスポンシブ化する「Reframe.js」
-
有名アプリのUIをタイムラインで振り返る事ができる「Great Apps Timeline」
-
リデザインのレビューを集めたWebサービス「reDSGN」
-
様々な企業のデザインガイドラインをまとめた「Design Guidelines」
-
iPhoneなどアプリのUIを集めたギャラリーサイト「Pttrns」
RELATED POSTS
魅力的なテキストエフェクトを実装できる「Blotter.js」
【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
クオリティの高いグラフを描画するjsライブラリ「Chart.js」
アイコンフォント「FontAwesome」の使い方
