カードデザインのポイントと実装方法
2018年5月18日 CSS, Webデザイン Pinterestがカードスタイルのデザインを取り入れてから、TwitterやFacebookをはじめ、多くのWebサイトで採用されているカードスタイルのデザイン。今回はそんなカードデザインの特徴やデザインのポイント、実装方法などをまとめてみます！ ↑私が10年以上利用している会計ソフト！ カードデザインとは 名前のとおり、カードのような四角形を並べたスタイルのデザインです。多くの場合、ひとつの項目に対して画像やテキスト、ボタン等、様々な要素が含まれています。ECサイトやコンテンツの多いWebサイトでよく見かけるスタイルですね。 Etsyは手作りの商品を販売できるECサイト。商品の画像を大きく打ち出し、その商品に関する情報が掲載されています。ログインしていれば、詳細サイトにいかなくてもお気に入り登録などが可能。ページ移動をしなくてもなにかしら
ここが最前線！2015年WEBデザイントレンド13選
更新日: 2017年5月22日公開日: 2015年6月4日ここが最前線！2015年WEBデザイントレンド13選 時代ごとに web デザインは変化し、いつの時代もユーザーの視線と心を釘づけにできるよう創意工夫されています。 また例え難しいデザインのテクニックが無くても、その時々のトレンドをうまく取り入れるだけで、斬新なサイトにも見えます。今流行りの web デザインを 事例を含めてご紹介します。 はじめに - 2015年 web デザイントレンドの背景ファーストビューよりスクロールを重視するデザインに Photo: cewdseo.com 今やフェイスブックやツイッター、LINE などの SNS は、私たちの生活に無くてはならない存在となりつつあります。日本人の5人に1人が Facebook ユーザーで、世界でもおおよそ5人に1人が Facebook を使っています。 またスマホ普及率は国
申込率を5倍改善！ランディングページ制作で押さえるべきポイント | LISKUL
ネット広告の効果を上げるために、ランディングページを制作したい。 どこか格安で良い制作会社はないものかと思っていませんか。（参考：ランディングページ制作会社の一覧 ≫） ランディングページは、商品の売上にダイレクトに影響するものです。それだけに、安く済まそうとし過ぎずに、じっくりと時間をかけて、高い成果をあげられるものにする必要があります。 CVRを高めるランディングページ構成の王道パターン3選 本記事では、ネット広告の中でも多くの予算が投下されているリスティング広告を例に、ランディングページの制作から改善までの全手順をご紹介します。 この記事を読めば、ランディングページ制作を自社で内製する場合にも、外部業者に発注する場合にも、効果を上げるために押さえておくことがわかります。 ※本記事は無料Ebook「リスティング広告スタートアップガイド」より、一部抜粋し再構成した記事です。 「穴の空いた
【2015年度版】イケてるデザインの国内コーポレートサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはデザイナーの藤田です。 最近、節約のために毎晩の楽しみである晩酌のビールを発泡酒に変えました。 さて、そんな私は最近コーポレートサイトのリニューアルを担当させていただく機会が多く、その際にお客様にリニューアルの方向性として提示させていただく「参考サイト」のストックがたまってきたので、今回のブログでは「イケてるコーポレートサイト」をご紹介したいと思います。 イケてる国内のコーポレートサイトまとめ ハウスウェルネスフーズ株式会社 http://www.house-wf.co.jp/ コーポレートサイトならではの清潔感や見やすさを担保しつつも、ホワイトスペースを十分にとることで、今っぽいデザインになっています。 ヤンマー株式会社 https://www.yanmar.com/jp/ 企業の先進性をデザインで表現しており、今後このようなデザインがコーポレートサイトのスタンダードになるので
本の装丁がそのままミニチュアに。駒沢の本屋「スノウショベリング 」で見つけたマッチ箱がかわいい！
「世の中のクリエイティブを見つける、届ける」WEBマガジン
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フラットだけじゃない、最近のチェックしておきたい良質ウェブデザインのまとめ
最近のウェブデザインのトレンドといえば、フラット、サークル、ブラー、ブラックなどがありますが、一番大切なのはコンテンツありきのコンテンツファーストではないでしょうか。 ここではコンテンツを魅力的に見せているウェブデザインをCSS Awardsから紹介します。
ここ1年くらいのデザインが素敵な日本の旅館・ホテルサイト
伊勢志摩 ホテル&リゾート 合歓の郷 |... / オリーブベイホテル 公式サイト｜長崎県大島のスモ... / 黒川温泉 いこい旅館他...全9件
クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE
縦長のwebデザインをがむしゃらに集めています。
S5-Style
宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは？発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー
これが蔵元のHP？！デザインが美しい焼酎の蔵元WEBサイト12選！ | NOMOOOブログ
皆さんこんにちは！ 今回は日本酒の蔵元に引き続き、デザインのきれいな焼酎の蔵元のWEBサイトを紹介します。 焼酎の蔵元もやはり古くさいイメージをお持ちでしょうが、WEBページを開いたとたん魅了されるようなページをピックアップしてみました！ついつい飲みたくなってしまいますね。 新平酒造 出典：http://www.shinhira.co.jp/main.php 東酒蔵 出典：http://www.higashi-sz.com/ 西酒蔵 出典：http://www.nishi-shuzo.co.jp/ 大海酒造 出典：http://www.taikai.or.jp/ 天星酒造 出典：http://www.tensei-shuzo.com/ 朝日酒造 出典：http://www.asahi-shuzo.co.jp/ 日当山醸造 出典：http://hinatayamajyouzou.com/
デザインがおしゃれな大学の公式サイト10選
大学のWebサイトといえば、かっちりとした企業サイトみたいなデザインが多いですが、最近はデザインに凝ったおしゃれで動きのある大学サイトも多くなってきました。 今回は、国公立、私立問わず、特におしゃれだと感じた大学サイトをピックアップしてみました。 武蔵野美術大学 [browser-shot url=”http://www.musabi.ac.jp/” width=”550″] 一見、大学のサイトには見えない、クリエイティブで洗練されたデザイン。 数の多いメニューも、上手く配置することによってユーザーにとってわかりやすくなっています。 デジタルハリウッド大学 [browser-shot url=”http://www.dhw.ac.jp/” width=”550″] フラットデザインを取り入れたとても今風なデザイン。 UIも分かりやすく、さすがデジハリという感じです。 京都精華大学 [bro
30 Creative And Unusual Layouts: Inspiring Designs
What is the motive behind your desire for a personal website? A frequent answer is to attract new clientele and keep their current ones engaged. Therefore, it’s crucial to use imaginative and innovative strategies while building the ideal website to meet your specific requirements. Start from scratch, you will be required to be bold to dare some unusual layouts. Therefore, you can be outstanding i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WIRED.jp
マネーフォワード クラウド - バックオフィスから経営を強くする
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
Google Design
Sites we like
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
