こんにちは。FASTCODINGデザイナーの七転び八重子です。 マテリアルデザイン実践、第3弾はカードのルールと使い方について。 以前、「紙のルール」をご紹介しましたが、今回は具体的にカードを使ってどうデザインするかをまとめてみました。 カードとは? カードは関連性のある情報をまとめたものです。カード自体がボタンになり、詳しい情報への入り口としてよく使 … [Read more...]
【3】マテリアルデザイン実践 ②ボタンのルールと作り方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回マテリアルデザインの実践で「カラーの選び方」をご紹介しましたが、今回は、実践編2「ボタンのルールと作り方」です。 マテリアルデザインでカラーを決めたら、パーツづくりとしてボタンを揃えておくとデザインがスムーズですね。 1 ボタンの種類 マテリアルデザインでは、主に5つのボタンを … [Read more...]
【2】マテリアルデザイン実践 ①カラーの選び方
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回「これまでのデザインとマテリアルデザイン」をご紹介しましたが、今回は、実践編です。 マテリアルデザインで最初にするカラーの選び方について解説します。 1 使用するカラーを決める 最初にサイトで使用するカラーを選んでおきましょう。 ・プライマリーカラー(メイン) Webサイトで一 … [Read more...]
【1】これまでのデザインとマテリアルデザイン
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webデザインをする上で基本的な考え方のベースになる「マテリアルデザイン」 マテリアルデザインを知らない人でも、AndroidやYouTube、GoogleMapなど身近なサービスに適用されているため、日頃目にしているデザイン手法です。今回は、これまでのデザインとマテリアルデザインの違いと基本原則をご紹介しま … [Read more...]
【2】Sketchの導入方法と基本操作
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回は、Web制作のUIデザインツールとして有名な「Sketch」について、 【1】WEBデザイナーがSketchを使う理由 を紹介しました。今回は、実際にSketchのインストールから基本操作を紹介します。 目次 1 Sketch(スケッチ)注意事項とライセンス料金について 2 Sketchのイ … [Read more...]