スローペースでちょこちょこ記事をアップしている当サイトですが、開始からある程度の期間が経ち、やっと少しずつ記事も増えて参りました。
そこで今回は今まで色々なテーマに沿って、おしゃれでスタイリッシュなサイトをまとめてきましたので、それらのまとめ記事をまとめた記事をアップしたいと思います。
デザイン力を向上させるなら優れたサイトを見まくるのは本当に良いですし、アイデアに詰まった際の一助になれば何よりです。
目次
デザインのテクニックに関するまとめ
あわせて読みたい
アイソメトリックのイメージを取り入れた素敵なWebサイト10選
当サイトに掲載する素敵なWebサイトを毎日収集していて、斜め上から見たような立体的なイメージ（アイソメトリックプロジェクション）を取り入れたサイトよく見るように…
あわせて読みたい
境界線をあえて外す「ブロークングリッドレイアウト」の参考サイト
雑誌では昔からよく使われていた境界線をあえて外す「ブロークングリッドレイアウト」。ここ最近のWebサイトの表現手法として、多くのWebサイトで取り入れられるように…
あわせて読みたい
縦のラインを活かしたスタイリッシュなサイトデザイン10選＋1！
デザイン手法として、縦のラインを活かしたデザインが最近スタリッシュで面白いなと感じました。あまり他のサイトでも取り上げられていないようなので、考察と合わせて…
あわせて読みたい
スプリットレイアウトの参考になるサイトまとめ
昨年くらいから見かけるようになった印象の「スプリットレイアウト」のサイト。今回は「スプリットレイアウト」を取り入れる際の参考になるサイトをまとめてご紹介しま…
あわせて読みたい
参考にしたい！サイトのファーストビューデザイン集
人は初めて会う人の印象を３～５秒で決め、その決定材料となる情報のほとんどを「視覚情報」から得ているそうです。Webサイトにおいても同様で、インターネットユーザー…
あわせて読みたい
縦書きを取り入れたデザインの優れたサイト10選
以前、「デザインの参考にしたい「和風」テイストの良質サイト5選」と言う記事を書きました。その中で紹介したサイトにも縦書きのテクニックは取り入れられておりました…
あわせて読みたい
デザインにマスクを活かしたサイト9選
大きな文字や、人物に合わせて画像や動画をマスクして見せているサイトを見かけるようになりました。マスクで限定されたエリアのみに表示することによって洗練されたイ…
あわせて読みたい
デザインの参考にしたい「和風」テイストの良質サイト5選
着物や料亭、旅館、伝統文化など日本ならではのものを表現する際は、それらに合った世界観を表現するため、和風の雰囲気でデザインしているサイトが多いですね。今回は…
サイトのギミックに関するまとめ
あわせて読みたい
ドロワーメニューを採用した参考サイト
ドロワーメニューとは? 「ドロワー」とは「タンスや机の引き出し」といった意味合いの単語になります。Webデザインではサイトのコンテンツとは別に、画面外から「引き出…
あわせて読みたい
動画を使ったスタイリッシュなWebサイト14選
昨今、動画を取り入れたWEBサイトは珍しくなくなりました。一言で動画と言っても、各Webサイトがそれぞれ趣向を凝らした表現をしていて、とても参考になります。 そこで…
あわせて読みたい
ローディング・オープニングアニメーションがかっこいいWEBサイト10選
ひと昔前までは、ローディングアニメーションと言えばCSSアニメーションで円がクルクル回ってるだけだったり、ロゴが中央に表示されて消えていくだけだった印象ですが、…
あわせて読みたい
フルスクリーンナビゲーションの参考サイト15選
サイトユーザビリティの根幹要素であるナビゲーションは常に変化を続けています。最近始まったわけではありませんが、フルスクリーンナビゲーションのサイトはまだまだ…
あわせて読みたい
アニメーションが心地良いWebサイト11選
最近ではWebサイトにアニメーションを取り入れるのが当たり前になってきています。ひと昔前はフルフラッシュサイトで見かけたようなゴリゴリ動く表現がhtml5やCSS、JS・…
あわせて読みたい
サイトにプラス1の工夫を！遊び心・アイデアが面白いサイト5選
せっかく優れたサイトを集めておりますので、まずはそれらをまとめた記事を書いていこうと思います。 制作事全般に通じますが、納期というのは最重要課題の1つです。納…
色やトーンに関するまとめ
あわせて読みたい
モノトーンを基調としたWebサイト11選
当サイトのギャラリーでは、日本産サイトにこだわってサイト収集していますが、かなり高い頻度でモノトーンを基調としたWebサイトに出会います。それらに共通している点…
あわせて読みたい
日本産のデュオトーンのサイトまとめ＋おまけ
2016年にけっこう色々なブログで取り上げられたデュオトーンを取り入れたサイト。海外サイトでは珍しくない印象ですが、2017年12月現在、日本のサイトで探してみたらな…
あわせて読みたい
グラデーションを使用したオシャレなサイト11選
Ultimate CSS Gradient Generatorなど便利なツールがありますので、WEBデザインにグラデーション簡単に取り入れられるようになりました。今回はグラデーションを使用し…
