GROWIの新デザインを考える

デザイン争点

• サイドバー
  • 参考にするもの
    • Confluence
    • ESA.io
    • keenThemes external_link
• 検索の挙動
  • 検索結果の出し方
• ページパスの表示
  • パンくずリストなのか、パスなのか
• レスポンシブ
  • Wiki.jsが参考になる

デザインのヒント

• BootstrapTemplates external_link
  • All Elements external_link
    • 高コントラストの細いラインとグラデーションを使いシンプルでスタイリッシュ
  • Milestone external_link
    • 角張り具合が参考になりそう
  • SuperAdmin2.0 external_link
    • トランスルーセントな質感とスタイリッシュ

作業メモ

:::success

• ひとまず、bodyを再現する

• ESAやKibelaのような余白のある画面

  • headingなどもちょっとオシャレにする

• カッコよさ全振り

  • リサーチして方向性を決める ::: :::info

• グラデーション

• グロー効果(ダーク背景において)

• 細いラインを活かす

• 透明感

• 洗練感

• コントラストの高いところと低いところを使い分ける

• Webで応用するグリザイユ画法

• 六角形

:::