通常文字(22px未満)は、4.5 以上でAA、 7 以上でAAAです。 巨大文字(22px以上)は、3 以上でAA、 4.5 以上でAAAです。 太文字(14px以上)は、3 以上でAA、 4.5 以上でAAAです。 Web Content Accessibility Guidelines (WCAG) 2.0Web Content Accessibility Guidelines (WCAG) 2.0とは、ウェブコンテンツをよりアクセシブルにするための一定の基準を設けたガイドラインで、従うことで人々にとって利用しやすいウェブサイトとなります。達成レベルとして、AA(達成)、AAA(高いレベルで達成)があります。その中で、色のコントラスト比は次のように定められています。 文字の種類AAAAA通常文字 (22px未満)

Webデザイナーとして参加していた案件が炎上してしまい、デザイン業務をすることがとても怖くなってしまいました…。 そんなデザイン恐怖症を克服するため、デザインをもっともっと上達させよう！と決めました。 私の個人的な意見で恐縮ですが、同じようにデザインで悩める方が、デザインを前向きに捉えるきっかけのひとつにでもなれればと思い、自分なりに大切だと思うことを書き出しました。 関連記事 デザインは2年でどのくらい向上するものなのか。（ビジュアルはウソつかない） - IT系女子ログ Webデザイナー2年目を、まるっと棚卸し［デザイン編］ - IT系女子ログ デザインが仕上がらず炎上 デザインとはとても難しいのだと痛感 デザインを追求する、という覚悟を決める デザインと向き合い続ける 他責でなく自責で考える 制限があるから、デザインがより重要になる デザイナーが提案してもいい 良いデザインをたくさん知

こんにちは。年末ですね。クリスマス、忘年会、年越し、お正月と忙しい時期でしょうか。お仕事もラストスパート頑張りましょう。 最近ランディングページでも、フラットなデザインだったりわりとシンプルなデザインを作ることが多くなってきている気がします。昔のようにごりごりに装飾を使うというよりも、“今っぽい”シンプルおしゃれなものを作りたいですよね。そこで参考になりそうなものが、雑誌のデザイン(エディトリアルデザイン)です。紙とWebなのでそのまま真似るのは難しいですが、ちょっとしたあしらいなら参考にできそう！今日はそんなあしらいを紹介します。 版ズレ風文字 カンタンだけど結構おしゃれに見える、そんなあしらいです。基本的には濃いフチに薄い色をズラすのが良いかと思います。見出しに使えそう？ 鉤括弧 鉤括弧といっても普通の「かぎかっこ」ではなく、細めに大きめに、テキスト全体を囲うように使うのがポイント。こ

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多

色の意味が一緒に分かる色相環 色には色ごとにさまざまな意味がありるので、それぞれの色の意味を色相環に重ねてみました。 赤の反対が青緑のように一般的な色相環とは少しずれていますので、そこだけ少し注意して活用していただけるとうれしく思います。 色の印象が一緒に分かるトーンの表 鮮やかな色の相環を、PCCS風のトーンの表にして意味を重ねてみました。 （PCCS：日本色研配色体系 Practical Color Co-ordinate System・トーン：明度と彩度が合わさったもの） 上の色相環の意味とあわせて、色選びの参考や意味づけに深みを持たせるのに活用していただけるとうれしく思います。

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ

新鮮さが売りの野菜など、食品を扱うサイトでは写真の質そのものが及ぼす影響が大きい。新鮮に見えないというのは、やはり問題になる。ここでは、照明もなくうまく撮影できなかったサンプルを基にして、「レベル補正」や「明るさ・コントラスト」を使いながら、新鮮でみずみずしく見せるテクニックを紹介しよう。 >> point << 撮影ポイント ■できれば撮影用の照明を利用する ■自然光をうまく活用する ■適正より気持ち明るめに撮影する 【1】新鮮そうであったりみずみずしさを演出するには、明るさがひとつのポイントになる。撮影用の照明機材がなかったり、撮影時に露出を失敗していたとしてもPhotoshopの補正機能を組み合わせることで、そんな失敗写真もよみがえらせることは可能だ。まずは「レベル補正」を使ってRGB各色のレベルをそれぞれ補正する【1-1】【1-2】【1-3】。 【1-1】 【1-2】 【1-3】

81-web.comはWebサイト制作に参考になる日本の優れたWebデザイン・Webサイトギャラリー＆リンク集です。81-web.com is a collection of excellent Japanese web design and web site galleries and links to help you create your own web site.

CSSやJavaScriptからGoogleが提供するオープンソースのフォントをロードして、100種類以上の中から好みのフォントを利用出来るサービス「Google Web Fonts」の紹介です。OSやブラウザが違っていてもフォントを統一する事ができる上、とても簡単なステップで使えるという点も魅力的です。 ステップ1：好みのフォントを選択する 下記サイトから好みのフォントを「Add to Collection」をクリックし選択します。また、上部タブからフォントを「Word(文字)」、「Sentence(文章)」、「Paragraph(段落)」で確認することが出来ます。 Google Web Fonts 選択したフォントはコレクションされ下部に表示されます。2つのフォントを選択したところ。 選択したフォントをダウンロードし、ローカル環境などのインターネットにつながっていない環境でフォント使用

はじめまして。デザイナーのminecoです。 私は去年から「Pinterest（ピンタレスト）」というデザイン情報を収集できるWebサービスを使っていますが、ここまで長く使っているアプリは初めてじゃないかというくらい継続して利用しています。デスクトップブラウザからでもスマートフォンアプリからでも使えるので、忙しい日々の生活のなかで情報収集ができ、情報が豊富なので1日徘徊していても飽きないからだと思います。 ということで今日は、そんな「Pinterest」を使ったデザイン収集の方法をご紹介します。今回は「Webデザイン」を集めることをテーマにしていきます。 Pinterestとは？ Pinterest は見て、発見するツールです。プロジェクトや趣味にぴったりのアイデアを見つけるのに活用してください。ーPinterestより 気軽にアイデアを発見できるツールです。サイト上で気に入ったデザインや