「マネしたい」から探すギャラリーサイト

こんにちは、ワタナベです！

しばらくライブの予定が入っていないので久しぶりにガンダムベースやガンダムカフェに行きたいな～とぼんやり考えています（´-`）.｡oO

最近はコーディング作業を中心に行っている私ですが、
今回は普通のWebサイトリンク集とはちょっと違うWebサイトリンク集のご紹介。

デザインに役立つギャラリーサイト

 マネるデザイン研究所  107 tweets 55 users

マネるデザイン研究所 | 学ぶはまねぶ

https://maneru-design-lab.net

普通のWebデザイン集とは違い、ちょっぴりポイントを解説したWebデザイン集です。自分でもマネしたいアイデアを集めています。デザインを勉強している人も、アイデアが浮かばない人もこのサイトを参考にしてみて下さい。学ぶは真似ぶ。

▼作った方

 note（ノート）

zarigani design office｜note

https://note.mu/zarigani_design

Webエンジニア。ザリガニを飼っている。

こちらのギャラリーサイト様は、「マネるデザイン研究所」という名の通り、マネしたい点に重点を置いてサイトを紹介しています。

• 「マネしたいポイント」
• 「応用できそうな場面」
• 「懸念点」

の3つをサイトごとに解説してくれています。

例えばこちら↓

 マネるデザイン研究所

少しずれて並んだコンテンツ studio Tao

https://maneru-design-lab.net/772

コンテンツが「てれこ」に並んでいるレイアウトもありますが、これは少しずれて配置されています。ずれていることで、レイアウトにリズム感が生まれています。

並んだコンテンツを少しずらして配置するデザインに注目して解説されています。

懸念点では、デザイン上の注意が記載されています。

[ 以下余談 ]
自分も若干ずらす手法はよく使います(^^)/
人によっては「ずれていて気持ち悪い」「揃えてほしい」と思う方もいるのが難しいところですね…(´･ω･｀)

▼解説されたサイト様

 studio-tao.net  4 users

studio Tao（スタジオ タオ） | 大阪・福島 メリヤス会館内のカルチャースタジオ

https://studio-tao.net

大阪・福島 メリヤス会館内にあるカルチャースタジオです。クラス制のヨガやフラワーアレンジメントのワークショップなど、落ち着いた環境の中で素敵な時間を過ごしてみませんか。

こちらは↓

 マネるデザイン研究所

ボケからのアニメーション haco

https://maneru-design-lab.net/943

スクロールすると、文字がボケながら出現します。写真スタジオということで、ピンぼけとも関連していてサイトコンセプトと非常にマッチした表現です。白と黒を基調としたシンプルなデザインもボケ表現を邪魔していません。

スクロールするとぼやけながら文字が出現が出現するアニメーションに注目しています。

こちらの懸念点では実装時の注意点が記載されています。

[ 以下余談 ]
紹介されている通り、アニメーションがピントが合ったような表現なのが、写真スタジオのサイトに合っていますね。
個人的に写真ではなく、文字だけこのアニメーションなのが好きです。

▼解説されたサイト様

 haco  1 user

haco | 熊本の写真スタジオ。家族写真・七五三撮影はハコ

https://www.haco-photo.com

熊本・国体道路沿いの写真館haco（ハコ）。七五三や家族写真・子供の記念日など一生残したい瞬間を撮影。スタジオ撮影もロケーション撮影も自然体な写真が人気です。写真教室も開催。

このように、配置や色など見た目的なポイントから、アニメーションなどの実際に実装したときの動きなどのポイントまで注目して解説されています。
どういうサイトに合っているかなど、使えそうな場面も書かれているのもありがたいですね。

登録されているサイトの数はほかのギャラリーサイトに比べると少なめですが、「マネしたいポイント」「応用場面」「懸念点」が載っているので、デザインに悩んでいる方や、デザインになれていない方にはうってつけのギャラリーサイトだと思います！！

ほかのギャラリーサイトを見る際も、上記3点を気にして、気になるサイトは自分なりに書き出したりしてみるのもよさそうですね♪

みなさまも良いデザインライフを！(∩´∀｀)∩

それではまた次回。

ご閲覧ありがとうございました。