hajipion.com

UI/UX designer blog & creative portfolio

Design Academy デザインリニューアルしました!

DesignAcademyリニューアル

以前までのデザイン

もともとデザアカのサイトは、色んな人が色んなスキル・ナレッジをもって集まって欲しいという思いからレインボーカラーを採用していました。

もともとのデザアカデザイン

まあ評判は悪くなかったのですが、そろそろ統一感のあるデザインを出したいと思ったのと、団体としてのコンセプトも「Webデザイナーのコミュニティ」から「あらゆるデザインに関するコミュニティ」に広がったので、今回リニューアルの運びとなりました。

というわけでリニューアル!

» Design Academy

リニューアル!

ロゴ変更

まず、ロゴを変えました。

ロゴも変更

デザインを自分色に染めていくという意図がこもっています。

レスポンシブ

スマホ・タブレットからみても無駄にいい感じです。

レスポンシブです

フロントエンドも、一工夫

HTML5/CSS3/JavaScriptでつくりましたが、実はBEMを使ってコーディングしました。

BEMというのはフロントエンド設計手法のひとつで、BlockElementModifierの3段階に分ける命名規則のことです。

BEMでつくりました

詳しくはこちらがわかりやすいです↓

» BEMという命名規則とSass 3.3の新しい記法

ちなみにSCSSも一工夫しているのですが、それについてはまた今度ー!