【特集】おしゃれなサイト、やさしいサイト vol.1
- 2019.10.11
- デザインのこと


おしゃれでやさしいー

おしゃれでやさしいって見ちゃいますねー
おしゃれなサイト、やさしいサイト
おしゃれなウェブサイト、やさしいウェブサイトをまとめました。
まとめてみました、と言っても3つだけですが。
10月のベスト3です。
(ま、完全なる個人的見解ですが。)
パジャマライフ- ほぼ日刊イトイ新聞
ほぼ日さんの特集ページです。タイトルが『パジャマライフ』っていうのもやさしいなと思いますね。
- 一目で「あ、なんかいいな」と最後まで見てしまった。
- モデルさんのふたりがまた素敵。
- やさしいアニメーション。写真がふわーと出てきてふわーっと消えていく動き。トップの写真から2枚目の写真への動き(見せ方)がとても素敵。『transition』と『opacity』の使い方が素敵。
- 写真(画像)を縦並びにしているだけのシンプルな作り。(テキストは一切使っていないのがシンプルでいいですね。)
- 画像はPC用とスマホ用で別のものを用意している。
- コーダーさんにとっては楽かも。シンプルコーディング。
- ふとしたときにまた訪れてしまう。
holo shirts.
オーダー専門のシャツ屋さんのホームページ。やさしい余白がとても心地がいいです。
- 写真の見せ方が素敵。
- ミシンの動きを表現しているアニメーションが素敵。jQueryで動きをつけている。
- トップページではテキストを使っていない。『position』で画像を配置している。
- 残念ながらレスポンシブ対応はしていないが素敵なので全く問題ないなと思ってしまう。PC表示をスマホでそのまま見れる。
- 『how to order』のページが好き。バランスが上手だなと思ってしまう。
- 余白のバランスが素敵。コーディングすごく時間がかかっただろうなと思う。
- シャツが欲しくなる。
park | 調布 深大寺の生活道具・うつわ・ドーナツ・カフェ・オンラインストア
東京都調布市深大寺・神代植物公園近くの生活道具を扱うショップさんのウェブサイト。とにかくやさしい、のんびりカフェをやりたいなと思ってしまいます。
- 写真の統一感が素晴らしい。
- 文字サイズが秀逸。小さな文字でもしっかり読めます。
- 無駄がない、とはこのことですね。余白が居心地良く存在しています。
- レスポンシブ対応も素晴らしい。スマホ
- トップページのメイン画像は『background-image』でコーディングしている。スライダー(スライドショー)は使わずにシンプルに1枚だけ見せる。余計なものがないのがやさしさの秘訣かもしれませんね。
- 『park』のロゴがサイト全体のイメージ通り。
- 店舗に行ってみたくなる。家が近かったらなと思ってしまう。
park | 調布 深大寺の生活道具・うつわ・ドーナツ・カフェ・オンラインストア
参考サイト
さいごに

うん、やさしいです

やさしい日々をー
おすすめ
かんれん
- web / 2018.10.5
- 【CSS】タブレット、スマホ表示の時は:hoverを不要にする
- web / 2023.2.22
- 【CSS】Webフォントのちらつきをなくす方法
- web / 2018.10.26
- 【CSS】ラインの下に三角の影をつくる
Googleさんのおすすめ
人気記事
- web / 2019.4.16
- 【CSS】ハンバーガーメニュー実装サンプル集(クリック時のエフェクトも集めました)
- web / 2022.2.1
- 【jQuery】アコーディオン実装サンプル10選
- web / 2019.9.27
- 【jQuery】スライダープラグイン「slick」実装サンプル集
Googleさんのおすすめ
デザインの記事
- 2023.10.02New
- Aubloom オーブルーム – RAWSILK SHAMPOO ローシルクシャンプー
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2022.06.15
- ちょっと思い出しただけ
- (C)2022『ちょっと思い出しただけ』製作委員会 もくじ 『ちょっと思い出しただけ』 あ…
- いつかのこと – 無印良品の家と暮らす
- 2023.07.31
- 【Google Chrome】ショートカットキーまとめ(Windows or Mac)
- クロームでF5(更新)ってどうするんでしたっけ? あー、Macですか?わかるわかる、な…
- 125naroom / デザインするところ(会社)です。