こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回、Webアクセシビリティの基礎編をやりましたが、今回は実装編です。 要注意 この基準を満たせないコンテンツが一部にでも存在すると、サイト内・ページ内の他の箇所にも干渉してアクセスを妨げる可能性があります。 【１】 … [Read more...]
Webアクセシビリティ対応① 基礎編
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アクセシビリティ対応！完璧ですか？ 昨今、公的機関のWebサイトだけでなく、一般サイトにもその対応が広まっています。 一昔前は、身体的制限のある方に向けた対応というイメージがありましたが、デバイスの多様化や、使用する側の環境も様々になり、より多くの人にWebサイトの情報やサービスを利用してもらう為には、 … [Read more...]
【4】マテリアルデザイン践実 ③カードのルールと使い方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 マテリアルデザイン実践、第３弾はカードのルールと使い方について。 以前、「紙のルール」をご紹介しましたが、今回は具体的にカードを使ってどうデザインするかをまとめてみました。 カードとは？ カードは関連性のある情報をまとめたものです。カード自体がボタンになり、詳しい情報への入り口としてよく使 … [Read more...]
【3】マテリアルデザイン実践 ②ボタンのルールと作り方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回マテリアルデザインの実践で「カラーの選び方」をご紹介しましたが、今回は、実践編２「ボタンのルールと作り方」です。 マテリアルデザインでカラーを決めたら、パーツづくりとしてボタンを揃えておくとデザインがスムーズですね。 １ ボタンの種類 マテリアルデザインでは、主に５つのボタンを … [Read more...]
【2】マテリアルデザイン実践 ①カラーの選び方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回「これまでのデザインとマテリアルデザイン」をご紹介しましたが、今回は、実践編です。 マテリアルデザインで最初にするカラーの選び方について解説します。 １ 使用するカラーを決める 最初にサイトで使用するカラーを選んでおきましょう。 ・プライマリーカラー（メイン） Webサイトで一 … [Read more...]