ポッドキャストの紹介
はい、始まりました。いつものデザインのはなし。
このポッドキャストはフリーランスのデザイナー、鶴とバチ子がお送りするデザイントーク番組です。
普段のデザインの話から日常のことまでザックバラに語り合っています。
今回は第51回目になります。鶴ちゃん、今回もよろしくお願いします。
よろしくお願いします。
というわけで、50回目という記念を乗り越えて、今回51回目なんですけど、
今回のテーマはいかがでしょうか。
今回のテーマですね、AIデザイナークイズです。
AIデザイナークイズ。
面白そう。
ということは?
今回はAIさんに頼りまして、クイズ、面白いか面白くないか置いといて、
AIと戦ってみようというところで、答えられるのか私たちはというところで。
面白いですね。
でございます。
AIさんにデザイナーに関するクイズみたいなのを作ってもらって、それを我々で回答してみよう。
ちゃんと答えられるのかっていうね。
なるほど。やばい、自信がないぞ。
作っておいてなんですけど、私答え見てません。
でもね、それは2人で答えられるから。
なんでちゃんと答えられるかちょっとドキドキしてるんですけど、
今回初級編と中級編でご用意しておりますので。
イタレリ、スカスリ。
やっていこうかなと思っております。
なので、みなさんもよかったら一緒に悩んで答えてみていただいたらと思います。
面白そう。
ゆるりとやっていきましょう。
初級編クイズの開始
お願いします。
本編に来たわけなんですけど、これからバチ子さんが読み上げてくれる作った問題を。
読み上げてまいります。
そして答えは知りません。
お願いします。
まず前提として、どういう指示出しをしてるんですかっていうところ。
みなさんもよかったらお持ちの何かしらのAIさんで試してみてもいいんじゃないかなって思うんですが。
今回はグラフィックデザイナーやウェブデザイナーに向けてクイズを出してください。
難易度は中級者向け、もしくは初級者向け。
答えは見えないように工夫してくださいと入れております。
じゃあどっちからいく?初級と中級。
それは当然。
初級からいきたいんですが。
初級からいきましょうか。
お願いします。
一応ですね、今回使用するのはジェミニさんにしました。
ジェミニさんですね。
ジェミニさんです。2.0フラッシュです。
ということで初級編をお願いしますということで。
かしこまりました。
ということで肩慣らしに初級編クイズはいかがですかといただいてます。
お願いします。
第1問。
ウェブサイトのアドレスバーに入力するhttpやhttpsは何の略でしょうか?
初級編です。
え?あれちょっと待って。
http…なんだっけ?
私もわかんない。
ちょっと待って難しいぞ。
なんとかハイパー…
そうだね、htmlじゃないしな。
なんとかなんとかプロトコルだった気がするんだよね。
おお、濃い。濃いぞ。
なんだっけな。
pプロトコルだよね。
そう、pがプロトコル。
sはさ、セキュアみたいな感じじゃない?
そうそう、セキュアなやつだから。
ハイパーテキスト…でもhtmlに関連してたんだっけな。
え?むずくない?
htmlというか、ハイパーテキストマークアップ…
ランゲージ。
そう、それはね、私覚えましたよ。
なんだっけな、ハイパーテキストトランスファープロトコルとか、なんかそんなような感じかな。
答え見ます?
ちょっと待って。
あんまり長引かせてもらえない?
いいんですけどね。
いや、これやばいぞ。
みなさんもスルッと答えられたでしょうか。
じゃあいいですか?
お願いします。
じゃあ私も見ますよ。
私全然わかんないから。
じゃあ答え言います。
ハイパーテキストトランスファープロトコル。
やった!
え?すーたんすごくない?
いやいや、一応ね、ウェブデザインの知識であるからさ。
それはそうなんだけど。
やばくて忘れしてたよ。
よかった。
やばい、よかった。
よかったよかった。
すごい、さすが。
ドキドキしちゃうね。
ドキドキしちゃいました。
初級編かよ、これ。
でも初級編っちゃ初級編だよね。
私もちょっと覚えますね、頑張って。
なんだっけ?
ハイパーテキストトランスファープロトコル。
オーケーオーケー、わかった。
文章を伝達し合うプロトコルって意味だよね。
そういうことだね。
先生、ありがとうございます。
第2問。
デザインにおいて赤、青、黄色のように混ぜ合わせることで、
他の色を作り出すことができない色のグループを何と呼びますか?
印刷用語みたいなこと?
たぶんそう。
私はなんとなくこれそうかなって。
僕もそうかなって感じだけど。
じゃあ、せーのでいきますか。
せーの。
三原色。
三原色。
え、なに?
特色って言ってた。
特色?
私、三原色。
三原色。
そっか、そういう意味か。
赤と青、黄色のように混ぜ合わせることで、
他の色を作り出すことができない色のグループを何と呼びますか?
そっか、三原色。
でも、私、混ぜ合わせることで他の色を作り出すことができない色のグループって意味が
いまいちよくわかんないけど。
え、そうね。
なんか、でも三原色な気もするけど、一応じゃあ特色ってことで。
はい、かしこめました。
じゃあ、よろしいですか。
お願いします。
いきますね。
さっきがハイパーテキスト。
三原色でした。
三原色か。
デザインに関する問題の解答
あー。
勉強になります。
はい、三原色でした。
はい、ポンポンいきましょうか。
はい、じゃあ、第3問。
ウェブサイトで文字の大きさや色、音となどを指定するために使われる言語は何でしょうか?
これはね、そうですよね。
えー、じゃあこれもいく?
はい、せーの。
CSS。
Yes。
CSS。
なんだっけ?カスケード?
カスケードスタイルシート。
あ、そうだ。
カスケーリングスタイルシート。
カスケーリング。
あ、CSSS。
はい、ありがとうございます。
カスケーリングスタイルシートって書いてますね。
はい。
はい、ありがとうございます。
はい。
じゃあ、続いて第4問。
画像を拡大縮小しても画質が劣化しにくい画像のファイル形式は何でしょうか?
拡大縮小しても劣化しにくい。
画像のファイル形式だったよ。
画像のファイル形式。
これさ、何で答えたらいいんだろうね。
ね。
ウェブにもよるし、印刷にもよらん。
あー、そうね。
これどっちだ?
なんか、PINGとかね、
EPSとかってあれ画像形式なのか?
まあ、一応画像形式だよね。
ウェブだったらもうSVGとかさ。
あー、SVGそうだね。
これはよくわかんないね。
どうしよう。
まあ、一応…
えー、どっちでいく?
どっちだ?
どうしようかな。
画像を拡大縮小しても画質が劣化しにくいでしょ?
え、何これ。
あー。
何をもってしてって感じなんだけど。
PINGとかにしとこうかな。
まあ、そうだね。
あたしSVGにしときます。
SVGですね。
はい。
じゃあ、見ますよ。
えー、じゃあ答え…
ちょっとここ見えないように。
違う違う違う。
あ、SVGだ!
あ、SVGか。
はい。
スケラブルベクタグラフィックスの略がSVGのようです。
デザインクイズの挑戦
あー、わかりました。
はい。
そっか、SVGになるのね。
SVG。
一応ベクターデータだもんね、あれね。
そうだよね。
ベクターデータだから、そもそも劣化とかいう話じゃないような気がしちゃって。
深読みしすぎちゃった。
難しいね、意外とね。読み方がね。
はい。
じゃあ、第5問いきますよ。
はい、お願いします。
デザインの要素を配置する際に、水平方向や垂直方向の中心を示す線のことを何と呼びますか?
もう一回読んでいい?
うん。
デザインの要素を配置する際に、水平方向や垂直方向の中心を示す線。
何これ?
示す線?センターラインとかそういう話?
そういう話かな?
ねえ、なんかセンターラインぐらいしか思いつかないけど。
私もそうだと思う。
ガイドとかでもないしね。
ねえ、ガイドだよね。
ガイドだよね。センターラインのガイドだよね。
そうだね、センターガイド、センターラインガイドみたいなことだよね。
なんだよね、これ。なんかいまいち質問がね、あるんだけど。
いいよ、いいよ、いきましょう。
いきましょう。
じゃあ、ちょっといきますよ。
1、2、3、4、5、あ、ガイドラインでした。
あ、ガイドラインですか。
んー、なんか、まあ、ちょっと。
釈然としないな、ジェミン。
もやっとするな。
あ、いいでしょう。
まあ、いきましょう。
いつものデザインの話
じゃあ、第6問。
お願いします。
ウェブサイトの骨組みとなる構造を記述するために使われる言語は何でしょうか?
はい。
これはね、
せーの、
HTMLですね。
ですね、きっとそうだね。
じゃあ、じゃあ、じゃあ、いきましょう。
この辺がね、初級だってわかるんだけどね。
うーん、わかる。
あ、やっぱ出た、ハイパーテキストマークアップランゲージでした。
よかったです。
HTMLです。
はい。
ぽんぽんいきましょう。
はい。
第7問。
第7問。
色の3属性と呼ばれるものは色相、彩度、もう一つ何でしょう?
はい。色相、彩度。
え、なんだっけ?なんだっけ?
え、マジなんだっけ?色相と彩度と?
大丈夫ですか?
いけるかな?え、いけ。
いきます。
せーの。
メイド。
メイドですね。
メイド。危なっ。
こういうのって度合わせしてるよね、意外とね。
だって言わんもんなあんまり日常で。
あ、メイドでした。
メイド。
はい。大正解です。
はい。
じゃあ、第8問。
ウェブサイトで複数のページをつなぎ、ユーザーが自由に移動できるようにする要素は何でしょうか?
うーん。
まあ。
まあ。
っていうことだよね。
まあ、フルネームというか。
え?
え?
すいません。自由に移動できるようにする。
そう、自由に移動できるようにする要素。
複数のページをつなぎ、ユーザーが自由に移動できるようにする要素。
あ、はいはい。
せーの。
ハイパーリンク。
ですよね?ですよね?
なんかドキドキしちゃう。
また普通にリンクなのか。
どっちかだね。
じゃあ、いきますよ、答え。
あ、リンクでした。
リンクですか。
あ、でもハイパーリンクでいいんだ。
うん、ハイパーリンクですね。
はい。
ハイパーリンクでした。
はい。
じゃあ、第9問。
はい。
これはいけるよね。
印刷物を作成する際、一般的に使用される色の表現形式で、シアン、マゼンタ、イエローに加えて、もう一つは何でしょう?
あ。
せーの。
あ、ブラックって言っちゃった。
あ。
Kだね。
そう、Kです。
はい、Kでございますね。
Kって。
何だっけ、K。
あれ、キーのK。
キーカラーの。
なんか、キー、ブラックのKじゃないって聞いた気がする。
そうそう、私もそう習った。
確か、キー、その、キーカラー、キーカラーっていうのかな、キー色。
そう。
キーって何だろうね。
鍵?鍵?
鍵?
鍵の色?
確かだったはずなんだけど。
鍵の穴の色?
鍵の穴の色?
ちょっと、そこら辺あとで調べてきてね、ちゃんとね。
だって黒いじゃん、鍵の。
あー、そういうことか。
え、何でキーって言うんだろう。
え、何で?
キーカラー、やっぱキーカラーなのかな、そのベースのカラーみたいな黒のことをキーカラーって呼ぶのかな。
そうだよね、そうだよね。
あれ、気になってきた。
ちょっと待って、じゃあ、えー、調べますよ。
はい。
1、2、3、4、5、6、7、8、9、ブラック。
理由は特に書いてません。
あ、そうなの?
はい、書いてないです。
Kでした。
K、Kね。
Kですよ。
キーだったはずなの?
私もキーだったと認識しております。
ちゃんと調べましょう。
はい、後ほど調べます。
第10問、これでとりあえず初級編は終了です。
はい。
デザイン作業で&元に戻すのショートカットキーとして一般的に使われるキーの組み合わせは何でしょう?
はい。
Macですか、Windowsですか?
そうね、一応Mac、Windows、スラッシュで一応括弧で書いてあるんですけど、どうしようかな。
一応じゃあMacで答えましょうか。
じゃあMacでいきましょうか。
じゃあ、せーの。
コマンドZ。
イエーイ。
さあ、見ますよ。
はい、コマンドZです。
コマンドZ。
はい、WindowsはコントロールZでした。
はい。
1ミニからもですね。
いかがでしたか?全問正解できましたでしょうか?
初級編は基礎知識の閣議に最適です。
はい。
デザインを楽しんでくださいね。
ありがとうございます。
ありがとうございます。
なんか勉強し直せてよかった。
ジミーさんありがとう。
ちょっと曖昧な部分があったんで。
はい。
そうね。
でした。
これが一応ジミーの初級編です。
中級者向けクイズの予告
はい。
じゃあどうしましょう、中級者向け。
いきますか。
いつものデザインの話。
続きはパート2で。
