最新版、レスポンシブ対応のレイアウト・グリッドデザイン徹底解説 | コリス

2020/12/04 17 users ワークフロー グリッド コリス 主流 バリエーション

レスポンシブ対応のグリッド設計、レイアウトのバリエーション、デスクトップやスマホやタブレットの最近の状況に合わせたデザイン方法を紹介します。 グリッドの基礎知識をはじめ、最近主流のレイアウト、デザイナーがワークフローでグリッドをどのように適用させるかなど詳しく解説されています。 Responsive Grid Des... 続きを読む

説得力のあるロゴデザインを生み出す！グリッド設計のテクニック | 海外ロゴデザイナーの制作例紹介 | LOGOLO™

2018/02/21 64 users 走り書き キャンパス 発想 スケッチブック テクニック

ロゴマークをデザインする時、あなたは、何をキャンバスにしてデザインを考えますか？まっさらなスケッチブック？それともパソコンのモニター？そこには、ガイドとなるものはあるでしょうか？ ロゴデザインを考えるのに、決まった手順や守らなければならない明確なルールというものはありません。有名ブランドのロゴマークが、従業員の走り書きがベースになったという話もあるくらいで、ひらめきや自由な発想がもたらしたロゴマー... 続きを読む

[CSS]iPadの横向きと縦向きでレイアウトを変更するスタイルシート | コリス

2011/10/23 146 users コリス viewport 横向き CSS width

Portraitモード（縦向き）のグリッド設計 グリッド 768=30+708+30 708=216+30+216+30+216 実装のポイント iPadの横向きと縦向きでレイアウトを変更するには2つのポイントがあります。 METAタグ iPadのスクリーンで等倍に表示されるように、METAタグで設定します。 <meta name="viewport" content="width=768px, ... 続きを読む