SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
   間違えずに目的までたどり着けるか
   目的達成までに無駄な時間や労力を使うことがない
    か
   いやな思いをさせずに目的を果たして満足し、好印象
    が持てるか
   文字色と背景色のコントラストを高くする
   色数の多いサイトはチープに見える!
メインカラ―



サブカラー




        ポイントカラー
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション
白からのグラデーション



反対色をそのまま使う


レインボー



だっさいGifアニメーション

Mais conteúdo relacionado

Destaque

UX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSST
UX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSSTUX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSST
UX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSSTTarumoto Tetsuya
 
作ってみよう! ジャーニーマップ - PO祭り2016
作ってみよう! ジャーニーマップ - PO祭り2016作ってみよう! ジャーニーマップ - PO祭り2016
作ってみよう! ジャーニーマップ - PO祭り2016Tarumoto Tetsuya
 
プログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみたプログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみたEigoro Yamamura
 
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座光利 吉田
 
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争Mignon Style
 
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファーストクックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファーストMiwa Kuramitsu
 
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西rie05
 
UIデザインの基本
UIデザインの基本UIデザインの基本
UIデザインの基本Roy Kim
 
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについてDesign Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについてTakaaki Umada
 
いいデザインと悪いデザイン
いいデザインと悪いデザインいいデザインと悪いデザイン
いいデザインと悪いデザインTakahashi Koki
 
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)Takashi Iba
 
赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計nobuyuki ikeda
 
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法Junichi Izumi
 
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要Takaaki Umada
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインRoy Kim
 
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! Akiko Ohtsuka
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザインMasayuki Uetani
 
Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法Katsumi Tazuke
 

Destaque (19)

UX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSST
UX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSSTUX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSST
UX/ユーザビリティのためのテスト - ユーザーテスト見学会 at JaSST
 
作ってみよう! ジャーニーマップ - PO祭り2016
作ってみよう! ジャーニーマップ - PO祭り2016作ってみよう! ジャーニーマップ - PO祭り2016
作ってみよう! ジャーニーマップ - PO祭り2016
 
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
 
プログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみたプログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみた
 
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
 
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
 
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファーストクックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
 
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
 
UIデザインの基本
UIデザインの基本UIデザインの基本
UIデザインの基本
 
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについてDesign Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについて
 
いいデザインと悪いデザイン
いいデザインと悪いデザインいいデザインと悪いデザイン
いいデザインと悪いデザイン
 
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
 
赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計
 
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
 
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
 
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザイン
 
Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法
 

Mais de YanoLabLT

打撃フォーム習得支援システム
打撃フォーム習得支援システム打撃フォーム習得支援システム
打撃フォーム習得支援システムYanoLabLT
 
論理パズル
論理パズル論理パズル
論理パズルYanoLabLT
 
デザイン!!
デザイン!!デザイン!!
デザイン!!YanoLabLT
 
自己分析の方法
自己分析の方法自己分析の方法
自己分析の方法YanoLabLT
 
Androidアプリ入門
Androidアプリ入門Androidアプリ入門
Androidアプリ入門YanoLabLT
 
Switch to Ruby on rails from PHP
Switch to Ruby on rails from PHPSwitch to Ruby on rails from PHP
Switch to Ruby on rails from PHPYanoLabLT
 
就職活動を振り返って
就職活動を振り返って就職活動を振り返って
就職活動を振り返ってYanoLabLT
 
ブラック企業
ブラック企業ブラック企業
ブラック企業YanoLabLT
 
YanoLab.LT(1~3月)について
YanoLab.LT(1~3月)についてYanoLab.LT(1~3月)について
YanoLab.LT(1~3月)についてYanoLabLT
 
凹む就活
凹む就活凹む就活
凹む就活YanoLabLT
 
就職活動を振り返って
就職活動を振り返って就職活動を振り返って
就職活動を振り返ってYanoLabLT
 
ポスター作り方
ポスター作り方ポスター作り方
ポスター作り方YanoLabLT
 
What is a T-test?
What is a T-test?What is a T-test?
What is a T-test?YanoLabLT
 
就職活動ぴゅ~ひゃらり~
就職活動ぴゅ~ひゃらり~就職活動ぴゅ~ひゃらり~
就職活動ぴゅ~ひゃらり~YanoLabLT
 
学力低下問題
学力低下問題学力低下問題
学力低下問題YanoLabLT
 
発表準備の実情と改善方法について
発表準備の実情と改善方法について発表準備の実情と改善方法について
発表準備の実情と改善方法についてYanoLabLT
 
記憶と学習
記憶と学習記憶と学習
記憶と学習YanoLabLT
 
なぜ緊張するのか
なぜ緊張するのかなぜ緊張するのか
なぜ緊張するのかYanoLabLT
 
GIMPによる画像加工について
GIMPによる画像加工についてGIMPによる画像加工について
GIMPによる画像加工についてYanoLabLT
 

Mais de YanoLabLT (20)

打撃フォーム習得支援システム
打撃フォーム習得支援システム打撃フォーム習得支援システム
打撃フォーム習得支援システム
 
論理パズル
論理パズル論理パズル
論理パズル
 
デザイン!!
デザイン!!デザイン!!
デザイン!!
 
自己分析の方法
自己分析の方法自己分析の方法
自己分析の方法
 
Androidアプリ入門
Androidアプリ入門Androidアプリ入門
Androidアプリ入門
 
Switch to Ruby on rails from PHP
Switch to Ruby on rails from PHPSwitch to Ruby on rails from PHP
Switch to Ruby on rails from PHP
 
Flash入門
Flash入門Flash入門
Flash入門
 
就職活動を振り返って
就職活動を振り返って就職活動を振り返って
就職活動を振り返って
 
ブラック企業
ブラック企業ブラック企業
ブラック企業
 
YanoLab.LT(1~3月)について
YanoLab.LT(1~3月)についてYanoLab.LT(1~3月)について
YanoLab.LT(1~3月)について
 
凹む就活
凹む就活凹む就活
凹む就活
 
就職活動を振り返って
就職活動を振り返って就職活動を振り返って
就職活動を振り返って
 
ポスター作り方
ポスター作り方ポスター作り方
ポスター作り方
 
What is a T-test?
What is a T-test?What is a T-test?
What is a T-test?
 
就職活動ぴゅ~ひゃらり~
就職活動ぴゅ~ひゃらり~就職活動ぴゅ~ひゃらり~
就職活動ぴゅ~ひゃらり~
 
学力低下問題
学力低下問題学力低下問題
学力低下問題
 
発表準備の実情と改善方法について
発表準備の実情と改善方法について発表準備の実情と改善方法について
発表準備の実情と改善方法について
 
記憶と学習
記憶と学習記憶と学習
記憶と学習
 
なぜ緊張するのか
なぜ緊張するのかなぜ緊張するのか
なぜ緊張するのか
 
GIMPによる画像加工について
GIMPによる画像加工についてGIMPによる画像加工について
GIMPによる画像加工について
 

webユーザビリティ・デザイン