WEBVTT

00:00:00.000 --> 00:00:06.400
はいどうもスモールビジネスの皆さんこんにちはこのは屋のオッチです。 今回もスモールビジネスの現場からお届けしていきたいとおもいます。

00:00:06.400 --> 00:00:15.240
今回はちょっとウェブデザインチェックの話なんですけど、 フラットデザインをねやっていきたい。やってる方もいると思いますし、もうマテリアルだよって言って方もいると思いますけども、

00:00:15.240 --> 00:00:21.760
フラットデザインやる時にやっぱり色選びがね大切なんですよね。その色選びっていうところのポイントで、

00:00:21.760 --> 00:00:30.160
フラットUIカラーズさんというものを今日紹介しながら、こういうふうにねフラットデザインの色を選んでいきましょうね、ちょっとやり方をお伝えしたいなというふうに思います。

00:00:30.160 --> 00:00:40.960
結構資料とかあとは画像とか動画なんかにフラットの色なんかを使っていくと非常に見やすくて優しい印象になっていきますので、ぜひお試しください。

00:00:40.960 --> 00:00:44.960
では実際に画面を通しながらやっていきましょう。

00:00:44.960 --> 00:00:47.880
はい、ではいつものように画面を通しながら見ていきましょう。

00:00:47.880 --> 00:00:52.400
今回フラットデザインをする時のフラットカラー、色の選び方ですね。

00:00:52.400 --> 00:00:58.000
これをどうやってやったらいいかということで、一つのサービスサイトを紹介していきたいと思います。

00:00:58.000 --> 00:01:04.960
フラットUIカラーとか、フラットUIカラーズとか、これSつけてもいいんですけど、検索をかけてみてください。

00:01:04.960 --> 00:01:09.800
そうするとフラットUIカラーズ2ってものが出てくると思います。

00:01:09.800 --> 00:01:13.040
こちらをクリックしてありましょう。

00:01:13.040 --> 00:01:22.200
これ便利なカラーパレットになっているので、こういう画面がちょっとその時によってインターフェースが変わっているかもしれませんけれども、出てくるんじゃないかなと思います。

00:01:22.200 --> 00:01:26.880
フラットUIパレットですね。V1、ボリューム1ということかな。

00:01:26.880 --> 00:01:34.680
フラットUIパレット、こちらが結構僕自身かな、デザインする時とかに使ったり、このは屋のメンバーもよく使っていると聞きますので、

00:01:34.680 --> 00:01:38.080
フラットUIパレット、ボリューム1、こちらをクリックしてみましょう。

00:01:38.080 --> 00:01:42.640
そうすると綺麗ですよね。カラーパレットが出てきてくれるんですよ。

00:01:42.640 --> 00:01:47.640
こんなのから、全部フラットカラーですよってことなので、選んでいただくと。

00:01:47.640 --> 00:01:52.400
ここ今ね、デフォルトでこんな感じになってますけど、ここからHDXですね。

00:01:52.400 --> 00:02:04.400
ここからRGBとか色々選ぶことができますので、おそらくデザインとか全くやったことない方であれば何のこっちゃわかんないと思うので、特にここは気にせずでOKです。

00:02:04.400 --> 00:02:10.320
ここはね、気にせずでOKです。デフォルトのままでOKかなと思いますね。

00:02:10.320 --> 00:02:16.920
使い方はめっちゃ簡単で、カラーパレットでこれを合わせるとコピーというのが出てくるので、これを押すだけなんです。

00:02:16.920 --> 00:02:25.720
そうするとコピーと出てきますので、このようにね、このカラーコードというもの、このシャープ付きのこれがコピーされましたよということです。

00:02:25.720 --> 00:02:36.120
そしたら、このコピーされたカラーコードのそれを、例えば指定したいところの色を調整するところに持っていってコピーしてあげるだけというところですね。

00:02:36.120 --> 00:02:46.120
使い方簡単ですので、フラットカラーってどういうものがいいのかなと悩む場合は、このカラーパレット、フラットUI、カラーズ2のカラーパレットから選んでみてください。

00:02:46.120 --> 00:02:53.120
この辺を選んだときは間違いないと思います。他にもいろいろフラットカラーのサイトとかで配色するとかあると思うんですけども、

00:02:53.120 --> 00:03:00.120
ありすぎると選べないので、これぐらいがちょうどいいのかなと。紫、青、赤、黄、十分揃ってますんでね。

00:03:00.120 --> 00:03:02.120
いいのかなと思います。この辺から好きなものを選んでください。

00:03:02.120 --> 00:03:10.120
例えば、どういう風に色を適用するかというと、キーノートとかね、僕よく使うんですけど、キーノートとかで、

00:03:10.120 --> 00:03:15.120
このホワイトのブランクを使ったとしてですね、ちょっと開いてもらいたいと思うんですけど、

00:03:15.120 --> 00:03:26.120
これを使って、ここにね、ブランクからやっちゃいましょうか。テキストを開いて、これが開きの格号になっていて黒になってるんですけど、

00:03:26.120 --> 00:03:36.120
例えば、この早っていう風に打って、もうちょっと大きく、これをザーっと大きくしていって、

00:03:36.120 --> 00:03:43.120
この文字の色を変えたいなというときに、ここに、おそらくキーノートでもページとかでも一緒だと思うんですけども、

00:03:43.120 --> 00:03:50.120
このね、色を変える、テキストを選んでいくとき、色を変えるところがありますね。この色ですね、ゲージみたいなところ。

00:03:50.120 --> 00:03:57.120
ここで変えられます。これがどうなっているのかというと、その時によってパソコンの状態によって変わると思うんですけど、

00:03:57.120 --> 00:04:05.120
これをRGBつまみっていうところに選んでいただくと、このカラー値っていうものが設定できるんですよね。

00:04:05.120 --> 00:04:12.120
ここに入力してあげると。なのでさっきのカラーパレット戻って、じゃあ何にしようかなーって感じで、

00:04:12.120 --> 00:04:17.120
例えばこの色がいいなーってコピーして、そうするとさっきのコードがコピーされますんで、

00:04:17.120 --> 00:04:24.120
ここに戻っていただいて、ここにペッと貼り付けて、エンターか何か押してあげると、こういう風に色が変わりますよ。

00:04:24.120 --> 00:04:30.120
こんな感じでチラシとかDMとか、ウェブサイトの文言とか、スライド資料とか、

00:04:30.120 --> 00:04:33.120
こういう風に使っていくといいんじゃないかなと思いますね。

00:04:33.120 --> 00:04:36.120
もうワンクリックでコピーできるので、使い勝手いいと思いますので、

00:04:36.120 --> 00:04:42.120
フラットデザインの色選びと迷っている場合は、こちらを参考にしてみてください。

00:04:42.120 --> 00:04:44.120
はい、いかがでしたでしょうか。

00:04:44.120 --> 00:04:49.120
カラーパレットがあるので、あそこから選べばいいみたいな最低限で選んでいただければいいんじゃないかなと思います。

00:04:49.120 --> 00:04:54.120
そうすると勝手におしゃれな印象、優しい印象で見やすくなりますので、おすすめです。

00:04:54.120 --> 00:05:00.120
結構こういうウェブデザインのトレンドとかって年々変わっていったり、名前がどんどん出てきたりすると思うんですけど、

00:05:00.120 --> 00:05:04.120
このチャンネルでもそういったものは最低限抑えて発信していきたいと思っています。

00:05:04.120 --> 00:05:11.120
でも現状見やすいフラットデザインというものは、やっぱり万人受けするような見た目だと思いますので、

00:05:11.120 --> 00:05:18.120
ちょっとデザインとかわかんないよという場合は、今回のちょっと参考にしていただいて、色を選んでいただければというふうに思います。

00:05:18.120 --> 00:05:20.120
はい、今回の内容は以上になります。

00:05:20.120 --> 00:05:23.120
ちょっとでも面白かったとか、初めて知ったとか言うんであればですね、

00:05:23.120 --> 00:05:26.120
いいねボタンとかチャンネル登録の方よろしくお願いします。

00:05:26.120 --> 00:05:30.120
ではまた次の動画でお会いしましょう。さようなら。ごきげんよう。