More Related Content
長崎大学グラフィックデザインセミナー: グラフィックデザインについて
- 2. スライド作成者 Boltz Twitter: @far_dawn 長崎経済大学 電子計算機学部UXデザイン専攻 3年 学生による教育改善のための委員会, マルチメディア研究会 所属 プログラムと企画とグラフィックをやっている / リズムゲームが好きです / シューティングゲームを作っています / 助け...
- 9. • 何を伝えたいのか？ • リズムゲームUI(曲の選択)なら... • 何の曲をこれから遊ぶことになるのか • 主に「今選択されている曲のタイトル」 • 副次的に「難易度」 • アーティスト、ジャンル、BPMとかはそこまで大きくなくていい 目的
- 10. • なぜそれを伝えなければならないのか • リズムゲームUI(曲の選択)なら... • これから遊ぶ曲の情報を事前に知らせる • 当たり外れを小さくする • 望んだアーティストの曲か • 望んだ曲のタイプ（難易度、ジャンル、BPM等）か 理由
- 11. • 伝わった結果何が起こるのか • リズムゲームUI(曲の選択)なら... • 望む曲を遊ぶことができた • これから遊ぶ曲の情報を知ることができた • どのような曲かある程度予想がついた • ユーザー体験(UX)の向上！！ 結果
- 12. • 何を伝えたいのか？ • 名刺なら... • 主に名前 • 副次的に所属 • 連絡まで取ってくる人間はそういなさそうだから小さく 目的(簡略)
- 13. 手段(簡略)
- 15. テクニックはネットで調べられる！
- 16. 初歩の基本的な テクニック
- 17. 近接 整列 反復 コントラスト
- 18. 近接 整列 反復 コントラスト
- 21. N崎経済大学HP サイトマップ
- 23. • 組織化が目的 • 個別の要素を作りすぎない • グループ化する • どの要素と関連性を持つか 「近接」- レイアウトの原則
- 24. 近接 整列 反復 コントラスト
- 28. 自己紹介文(弱い整列)
- 29. 自己紹介文(強い整列)
- 30. 自己紹介文(強い整列)
- 31. • 一体化と組織化が目的 • 整列はつながりを作るための手段 • 多くの要素が他とのつながりを持っているとよい • とりあえずの中央揃えはやめるのが無難 「整列」- デザインの原則
- 32. 近接 整列 反復 コントラスト
- 35. 反復の例: Twitter
- 36. 反復の例: 2018ゲームセンター Game Center Plus 11/23 (Fri) 24 (Sat), + 教育学部棟 2F 23番講義室 10:00 - 18:00 100 3円 / play Place Play Rate ゲームで遊びたい人も ゲームを創りたい人も！ https://www.ecml.jp アクションゲーム 3D 2D 音楽ゲーム 完全自作の とコントローラ メイキング情報 それぞれの&
- 37. • 一体性を出すことが目的 • 関係する作品に共通する要素を出せるとよい • 視覚的なおもしろさも得られる • すでに持っている一体性をさらに進めてみよう！ 「反復」- デザインの原則
- 38. 近接 整列 反復 コントラスト
- 41. • どうすればコントラストがつくの？ • 色やサイズを変えてみよう！ • 書体を変えてみよう！ • フォントの種類 • ウェイト(太さ) コントラストをつける方法
- 44. フォントの種類いろいろ
- 45. フォントのウェイト(太さ)
- 47. フォントの種類も変えた
- 48. • 情報の組織化支援が目的 • 論理の流れを明確にする • 焦点でないところに焦点を当てないように • おもしろみを作り出すことも可能 • はっきり力強く違いをつくれば面白い！ 「コントラスト」- デザインの原則
- 49. 近接 整列 反復 コントラスト
- 50. 近接
- 51. 整列
- 52. 反復
- 53. コントラスト
- 54. 配色
- 55. RGBとCMYK • RGB(加法混色) • Red, Green, Blueで色を表す • モニター上で表現される色 鮮やかになりやすい • CMYK(減法混色) • Cyan, Magenta, Yellow, Kuro Key plate(黒)で表す • カラー印刷の多くがCMYKで印刷される
- 56. RGBとCMYKの変換 • 同じ色だから、コマンド1つで変換される...と思ったら 痛い目をみる！ • Illustratorなどで変換すると、かなり雰囲気が変わるた め最初からCMYKで作業するとよい • ClipStudioPaintとかではかなり便利な変換コマンドがあっ た思い出がある • 当然カラー印刷時に、適したカラーモードになってい るか再度確認するとよい
- 63. • 課題設定をしないと制作は始まらない • 適当でもいいので、自分で課題を設定してデザインし よう • とは言っても何を課題設定すればいいのやら • いい話があります！！！ デザインをやるにはまず課題から
- 64. • 継続的にIllustratorなど触り続ける必要がある • 個人で作品制作をする • 所属組織(サークル)イベントのPRをする • 一般のサークルではなかなかできないかも？ • 現在デザイナーを募集している組織があります！！ • そういうところに進んで加入してみましょう 今後デザインを続けていく上で
- 65. ノンデザイナーズ・デザインブックSecond Edition Robin Williams(2004) 毎日コミュニケーションズ UIデザインの教科書 原田秀司(2019)翔泳社 ゲームプランナーのドキュメント作成例<基本編> 安幸村(2018) Qpic 2016年度第5回グラフィック講座 https://www.slideshare.net/okataku95/qpic-20165- 62841673 (2019年5月2日閲覧) 参考資料