2017年03月24日(金)
最近のWebを象徴するカード型コンポーネントをデザインする時のポイントまとめ
ここ1, 2年で、カードのコンポーネントを採用しているWebサイトは非常に増えました。レスポンシブとも相性がよく、情報を分かりやすく整理でき、テキストや画像だけでなく、動画などのマルチメディアも要素として配置することができます。
プロのデザイナーが実践している、カードをデザインする時のポイントを紹介します。
Design Better Cards
by Andrew Coyle下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。カードのコンポーネントとは
カードは、より詳細な情報への入り口として機能するユーザーインターフェイスのコンポーネントです。さまざまな情報を管理することができ、ユーザーに届けることができます。このことは、現在のメディア環境を反映しています。
さまざまなスクリーンサイズの普及、HTML5とCSS3の登場により、カードのデザインは形を成してきました。Facebook、Twitter、Pinterestなどのソーシャルメディアサイトが主流になった新しいWebの代名詞と言えるでしょう。Web...
author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
ライティングに役立つ!無料のおすすめマインドマップツール12選
NEXT ›
HTML5.1で変更された見出し要素の使い方、レスポンシブイメージの要素などが分かりやすく解説されたコーダ−必読のリファレンス本
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『最近のWebを象徴するカード型コンポーネントをデザインする時のポイントまとめ』についてまとめています。
この記事は特にレスポンシブ・CSS3・UX・facebook・HTML5・twitter・動について書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。