デザイン変更

デザイン > Webデザイン

フラット

 状態:-  閲覧数:4,029  投稿日:2014-11-03  更新日:2014-11-03
超久しぶりにデザイン変更
・これまでは各ページにサイト名を表示させていたが、ユーザには必要ない情報なので表示しないよう変更

グローバルナビゲーション
・時間をかけて作成したグローバルナビゲーションも取り外した
・情報重複していたし、見た目も重くなるので
・代わりに従来のサブナビを昇格させた

フラット化への道
・あれ程嫌っていたフラットデザインだが、ついに「さよならグラデーション」する時が来た
・アプリ全盛の時代に、サイトデザインを今更アピールしてもしょうがないって気持ちになったので…

情報整理
・最低限、自分が必要な情報だけを掲載するようにするよ
・不要な投稿は容赦なく削除
・誰かの役に立つかもとか、そんなん私が考えるべきことではないから
・申し訳程度に掲載していたメッセージもあぼーん

最適化
・フォント/各種画面サイズは、自分の環境だけに合わせる
・もう悩まないことを決定


「親要素越え」✕「横幅Max状態での画像スライダー」を検討

良い感じのWebデザインを発見したら、その場で確認後、このエントリーへ追記していく



週間人気ページランキング / 10-6 → 10-12
順位 ページタイトル抜粋 アクセス数
1 Design 0 8
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
3 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 4
3 鉄道会社毎のカラーコード | カラーコード(色) 4
4 RGB → 色相H 方式の違い | 色変換(色) 3
5 UI カテゴリー 2
5 GIMP | GIMP 系(ソフトウェア) 2
5 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 2
5 計算方式の違いは色々な設定が可能だから 2
5 いい感じのGIFアニメーションを探してみる … 国内 2
5 早見表 | Illustrator CS3(Illustrator) 2
5 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 2
5 CopyTabTitleUrl | Chrome 拡張機能 2
5 コンソールエラー / ブラウザ間差異 | ブラウザ 2
5 jpg画像サイズを下げる | 画像 2
5 textareaを手動リサイズできない時は、ブラウザを落としてみる | Google Chrome(ブラウザ) 2
6 「Firebug Lite for Google Chrome™」アンインストール 1
6 考え方A.長さの比率で角度60°を分割 / R≧G≧B 1
6 画像を小さくトリミングして綺麗にみせるため、PhotoShop CS3 で色調補正する | Photoshop CS3(Photoshop) 1
6 「ボタン」と「テキストリンク」の使い分け | ボタン(UI) 1
2026/10/13 5:05 更新