アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら
Site of the Year - Awwwards
Every year, Awwwards recognizes the talent and effort of the best web developers, designers and agencies in the world. Our international jury selects the best website, agency and designer of the year. Our users can take part in the vote for the Site of the Year Users' Choice award. Choose your favorite nominees from the list below by clicking on the "Like" buttons and you could win one of 20 copie
バナーデザインギャラリー | Banner Design Gallery
RSS feeds My Tweet ご利用上の注意 広告枠の販売 バナーサイズ別 728 × 90（134） 468 × 60（138） 234 × 60（112） 125 × 125（88） 88 × 31（90） バナーカラー別 □ ホワイト（389） ■ ブラック（272） ■ グレー（77） ■ レッド（160） ■ オレンジ（150） ■ イエロー（83） ■ グリーン（142） ■ ブルー（178） ■ パープル（25） ■ ピンク（92） ■ ブラウン（71） 地域別 日本国内（521） 海外（42） 詳細検索 728 × 90 468 × 60 234 × 60 125 × 125 88 × 31 □ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ 日本国内 海外 PR広告 ”バナーデザインギャラリー”とは バナーデザインギャラリーは、皆様からのご投稿情報を基に、かっこいいバナー
バナーデザイン専門ギャラリーサイト | レトロバナー | 「レトロバナー」はバナーデザイン専門のギャラリーサイトです。サイズ・色・業種・テイストからバナーを絞り込む事ができ、バナーを一覧でチェックできます。バナーデザインの新たなアイデア・発想の源として要チェック！
運用力があるから結果につながる！リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【 バナーデザイン・アーカイブ ★★★ 】 - 様々なバナーのデザインを一覧でチェック！
バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック！バナー作成の参考にご活用ください！
Letterpress and Design – Hungry Workshop
WHERE IDEAS + REALITY COLLIDE We thrive on getting our hands dirty every day, pushing a hulking 1.5 tonne of cast iron – or creative brief – to its very limit. We are designers that understand production and printmakers that understand the creative process. It's this intersection of creativity and creation that captures our imagination. We are fluent in all the parts that bring a project into the
デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por
アップル製品と約50年前のブラウン社の家電製品がどれくらい似ているか比べてみた
日本では電気シェーバーや電動歯ブラシが有名なドイツの家電メーカ「ブラウン」ですが、他にも非常にデザイン性の高いラジオや電卓、スピーカー等の製品も作っています。特に50年ほど昔の製品が現代のアップル製品に多大なる影響を与えているようです。 ブラウン社製品の非常に美しいデザインは伝説的なデザイナーであったディーター・ラムス氏(1998年に退社)が手がけたもの。「より少なく、しかしより良く」との考えのもとデザインアプローチを行なっており、現在も世界中の博物館で彼のデザインした数多くの製品が収集されています。 Apple社の製品は昔から外見の設計に大きな労力が払われていますが、特にジョナサン・アイブ(インダストリアルデザイングループ担当上級副社長)が手がけたアップル社のiMacやiPodなどのデザインは、ラムス氏から大きな影響を受けていることが指摘されています。当のラムス氏は「アップル社のデザイン
Awwwards - Website Awards - Best Web Design Trends
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
WebAppers - Best Free Open Source Web Resources
It’s 2024 and the number of web design resources and tools on the market seems overwhelming. That’s good news since you need the right tools and resources to come up with competitive designs. The bad news is, rather than sifting through thousands of products to get the ones that best meet your needs you might decide to retire. That’s an exaggeration, but you probably would prefer the following app
画像アイコンはもう古い！CSSでスタイル自由自在のアイコンWebフォント
Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。｜楽しければいいのです。susi-paku web
twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス！ Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい！』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 - CNET Japan そんな新しいロゴはP
ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stuff You Didn’t Know About Ice Cream | Visual.ly
HTML5のこれまで、現在、これから、を簡潔にまとめたインフォグラフィック
Fantasy
Skottieyoung.com
レトロなデザインが素敵なスマートフォン・ウェブサイトのUIのまとめ