最近のWebを象徴するカード型コンポーネントをデザインする時のポイントまとめ
ここ1, 2年で、カードのコンポーネントを採用しているWebサイトは非常に増えました。レスポンシブとも相性がよく、情報を分かりやすく整理でき、テキストや画像だけでなく、動画などのマルチメディアも要素として配置することができます。 プロのデザイナーが実践している、カードをデザインする時のポイントを紹介します。 Design Better Cards by Andrew Coyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カードのコンポーネントとは カードの形 カードの構成要素 カードをデザインする時の5つのポイント カードをデザインする時に参考になるリソース カードのコンポーネントとは カードは、より詳細な情報への入り口として機能するユーザーインターフェイスのコンポーネントです。さまざまな情報を管理することができ、ユーザー
プロのWebデザイナーが使用している人気のツール、フォント、ワークフローなどのまとめ -Web Design Trend Report
プロのWebデザイナー、デベロッパーが実際に作業しているファイルを元に、Webデザインのトレンドをツール、カラー、フォント、エフェクト、ワークフローの観点から調査したレポートを紹介します。 安定して人気のあるトレンド、変化しているトレンドをチェックできます。 2016 Web Design Trend Report デザイナーとデベロッパーのコラボツール「Avocode」で利用された1,127,302のPSDとSketchファイルに基づき、2016年のデータとしてまとめたものです。 レポート公開にあたり、私もほんの少しだけ協力しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザイナーが使用しているツール デザインのコンポーネント化 ファイルのリビジョン ファイルの容量 Webデザインでもっとも人気が高いフリー
最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。
マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法
Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in Modular Web Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様・元サイト様にライセンスを得て翻訳しています。 最近のWeb制作の手法は、数多くあるフレームワークやUIキットからあらゆる種類のコンテンツのブロックを組み立てています。しかしながら、モジュール性と汎用性はまだWeb要素レベルでは達成されていないと言えるでしょう。 LEGOブロックの考え方を
Webデザイナーのためのリソース・キュレーションサイト『oozled』
Webデザイナーのためのリソース・キュレーションサイト『oozled』 『oozled』はWebデザインやWeb開発に役立つ最新のリソースを集めて紹介するキュレーションサイト。 画像やフォントなど現在37のカテゴリーがラインナップされており、Webデザイナーやクリエーターならば押さえておきたいリソースへのリンクがまとめられているサイトです。 サイトは各カテゴリーのグリッドで構成され、さらに個々のページではリソースサイトの種類別に分けられたそれぞれのリンクのグリッドが並んでおり、右下にある？マークをクリックするとちょっとした説明が表示されるようになっています。 どのカテゴリーの定番や最新トレンドなリソースがピックアップされていてセンスの高さが覗えるキュレーションです。 これらは不定期で新しいサイトが追加されていくようなので、常にチェックしておきたい方はアカウントを作って興味のあるカテゴリーを
Google Web Fontsで公開されている品のいいSans-serifフォント20
Yanone Kaffeesatz ...
Web デザインに関するアンケート結果 - 3ping.org
Web サイトの主にレイアウトに関するアンケートを行いました。 アンケートにご協力くださり、ありがとうございます。ブログや Twitter、Mixi 等でアンケートを紹介して下さった方々にも合わせてお礼申し上げます。ありがとうございます。おかげさまで思った以上に回答数が集まりました。 以下、アンケートの結果報告となります。(ちょと時間が無くて調整できていないので見辛いかもしれません。すいません。) 実施期間 2008.8/31～2008.9/3 回答数 544 主な掲載場所 Web デザイン・情報系ブログ Mixi Twitter あなたの Web との関わり方を教えてください (複数回答可) 回答 選択肢 回答数 割合(%) ほぼ閲覧のみ 63 12% 自分でサイト(ブログ)を公開している 407 75% 趣味での Web 製作者 241 45% 仕事での Web 製作者 233 43%
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
nakazilab
Building Brands That Lead and Inspire