デザイン変更

デザインWebデザイン

フラット

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

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

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

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

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


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

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



週間人気ページランキング / 8-27 → 9-2
順位 ページタイトル抜粋 アクセス数
1 Design 0 7
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
3 RGB → HSL 変換式 / 約分対応 2
3 CopyTabTitleUrl | Chrome 拡張機能 2
3 Sword Art Online dress up game 2
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
4 計算方式の違いは色々な設定が可能だから 1
4 HTML Instant を選択した理由 / 動作確認例 1
4 これまでの経緯 / 私が考える、FontAwesome の問題点 / 1.CDNが落ちると、自分のサイトが表示されなくなる 1
4 Chrome コンソール画面で CSSの:hover 適用スタイルを確認 | Google Chrome(ブラウザ) 1
4 このエントリーの結論 / 主な機能と使い方 / 補足 1
4 絶対パス | HTML 1
4 height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; | CSS 1
4 align-items: center; 1
4 「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 | Google Chrome(ブラウザ) 1
4 「水彩画」画像フィルタ実行例 | 画像フィルタ(画像) 1
4 Fireworks が開発終了したと思われる理由 1
4 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 1
4 RGBの種類 / ビットカラー | RGB(色) 1
2026/9/3 5:05 更新