会社では主にUIデザインやグラフィックを担当。微塵子レベルのデザイナーが、無双するため…

会社では主にUIデザインやグラフィックを担当。微塵子レベルのデザイナーが、無双するために日々精進中。

マガジン

  • 個人的な推しサイト/ツール紹介

    デザイン関連のサイトやツールを紹介している役立ちそうなnoteまとめです。

  • 最近の学び

    UUXデザイン関連の学びを執筆したnoteまとめです。

最近の記事

  • 固定された記事

参考になる!推しデザインサイト

こんにちは、塩です。 今回は私がよく見ている参考サイトを一部紹介しようと思います。 これは余談になりますが、紹介する前に、1つのページから複数ページの情報を更新順にまとめて簡単にチェックできるFeedlyというRSSリーダーツールを共有させてください!リサーチなどに大変便利です。 オウンドメディア系Goodpatch Blog こちらのサイトはGoodpatchが運営されているブログです。 個人的にオススメなのは、月間おすすめのアプリ・webサービスまとめです。あまり知ら

    • 2ヶ月で0からゲームを考える話①

      前回のnoteでは、初めてノベルゲームを作成した話をしました。 今回は、前回の反省を踏まえて、第二弾を作成してみようと思い、2ヶ月間でゲーム性を盛り込めるか挑戦しました。どうして制作日数に短めの期限を設けているのかというと、理由はただ一つで、筆者がモチベを維持しながら走り切れるからです。締め切りがないと、ゲーム制作を後回しにしてしまう人間なので、これはある意味、自分との戦いだと思っています。 〜事前準備編〜シナリオのテーマを考える 今回も少ない時間の中での制作を試みている

      • 印象がガラッと変わる!フォントの選び方

        はじめにこんにちは、塩です。 最近リリースされて、「18TRIP」というソーシャルゲームに使用されているフォントが専用タイプフェイスだと話題になっていましたが、フォントにこだわっているものはこの世にたくさんあっても、フォントを新規開発するコンテンツは珍しいと感じました。 フォントへのこだわりそもそも、フォントをこだわるのは一体なぜでしょうか? かの有名なエヴァからフォントの選び方について考察してみましょう。 エヴァで使用された『マティス-EB』の特徴 選定の理由は、

        • アイデアの種を見つけるコツ

          はじめにこんにちは、塩です。今回はアイデア出しに行き詰まった時の突破口を見つけるコツについて考えていきます。 誰もが【アイデア】【発想】を考えるとき、行き詰まる、つまり限界を感じるのは、アイデアというのは、自分が今まで触れてきたり体験したことから連想される"もの"だからではないでしょうか? より良いアイデアを見つけるためには、連想を拡大していく必要がありそうですね!という話です。 ワーク内容今回はトレーニングの一環として、アイデア連想ゲームというのをデザインメンバーと行いま

        • 固定された記事

        参考になる!推しデザインサイト

        マガジン

        • 個人的な推しサイト/ツール紹介
          5本
        • 最近の学び
          2本

        記事

          業務で活用!デザインをリサーチするコツ

          はじめにこんにちは、塩です。今回はデザイン業務に取り組む上で欠かせない「リサーチ」についてのnoteを執筆しようと思います。 今回取り扱うリサーチのコツというのは、色や形などの視覚的な情報ではなく、デザインする目的を理解し、目的達成のためにデザイン意図を明確にしよう!という話です。 デザインの目的を理解するデザインには「目的」があります。 そのため、目的が何かをまず明確にし、課題を解決できるデザインを考える場面が多いです。 下記は、実際のデザイン業務で行っていたことです。

          業務で活用!デザインをリサーチするコツ

          UXとはどんなコトを指す?

          はじめにこんにちは、塩です。今回はUIデザインの質を向上させるために、UXについての知見を広げていこうと思います。もちろん、UXという単語は知っていますが、使いにくいUIに対して、「これはUXが悪いUIだ」とユーザビリティの指摘を目的とするイメージが強く、そもそもUXにどんなコトが含まれているかをお互いが認識していなければ、意味のない指摘となってしまいます。 ミスコミュニケーションを避けるため、私たちはUIデザインからUXについて考えがちですが、画面(モノ)からユーザー体験

          UXとはどんなコトを指す?

          おすすめ!デザインを学べる推し動画

          こんにちは、塩です。 前回の推しデザインサイトnoteがかなり好評だったので、今回はAdobeのデザインスキルを丁寧に楽しく発信されている動画をピックアップして紹介します。 イラレ/フォトショ編タマケンさん 実際に筆者もタマケンさんの動画を参考にデザインを作成してみましたが、一見難しそうなデザインがたった数分で完成して驚いたnote記事がこちら↓ 特にフォントの変形加工や画像の編集スキルはどこでも役立ちそうなので、チェックしておいて損はないと思います。 イラレ職人コロ

          おすすめ!デザインを学べる推し動画

          好きなものは好きでいいと教えてくれた推し映画

          こんにちは、塩です。今回は自身の人生を振り返ってみて、たくさんの勇気と背中を押してもらった推し映画たちをエピソードを交えて紹介します。 はじめに昔は本当の自分を隠して、周りの目を気にして過ごしてばかりいた筆者が、もっと自分の好きなことを主張していいんだと思えるようになったのは実は映画の影響が大きいです。この世にはたくさんの推し作品で溢れていますが、その中から特に影響を受けた作品を抜粋していきます。 ミュージカル映画シング・ストリート 未来へのうた 自分の好きをいくらでも

          好きなものは好きでいいと教えてくれた推し映画

          進化するAIに自己価値感を見出すために「人間」と「AI」の共存について思考する。

          はじめにこれは最近の話でもないですが、ここしばらくずっと考えていたのは、AIに使われる側ではなく、AIを使いこなす側になりたいということでした。近年さらに注目され、社会に浸透しつつあるAI技術ですが、日常に取り入れることへの賛否両論はあったものの、AIの進化をあえて作品のテーマ性としたものもちらほら見かけます。例えば「アイの歌を聴かせて」では、吉浦康裕監督が得意とする「AI」と「人間」の関係を描いたハートフル作品です。人とAIが共存していく世界を、高校生という程よい空気感で、

          進化するAIに自己価値感を見出すために「人間」と「AI」の共存について思考する。

          デザインに大活躍!個人的推しプラグイン

          こんにちは、塩です。 今回はfigmaで使える便利なプラグインを紹介します。 デザインプラグイン円グラフ 円グラフはもちろん、インフォグラフィックを作成する時も便利です。 グラスモーフィズム グラスモーフィズムとは、半透明の要素を使って、すりガラスのような質感を表現するデザインのことです。透明感があり涼しげな印象を与えることができます。背景をぼかせるため、動画や複雑な画像の上に使用することで、視認性が高い画面を作ることができます。 カラーパレット 選択した画像から

          デザインに大活躍!個人的推しプラグイン

          映像作品の名シーンを色で分析する

          こんにちは、塩です。今回は映像作品をピックアップし、シーン内で使用されているカラーの色彩効果について分析するデザトレを行いました。 映像から読み取る色のこだわりMVや映画はアーティストや監督のこだわりや特徴が顕著にあらわれるため、映像作品としての良いところであり、最大の魅力であるといえます。 色の効果を印象的に見せる 映画『博士と彼女のセオリー』では、光の演出が美しく、実話を元に描かれるシーンに日常を彩る豊かな光を効果的に使うことで、彼らを取り巻く世界の美しさを表現した

          映像作品の名シーンを色で分析する

          デザイン読書ログ#2 「ストーリーマッピングをはじめよう」 | 塩 | note

          こんにちは、塩です。今回はUXについての理解を深めたいと思い「ストーリーマッピングをはじめよう」という書籍を読書ログにまとめようと思います。 第1章ストーリーマッピング 人間がストーリーの枠組み(顧客を主人公に変換するための公式)を認識するには、ストーリーの基本構造が必要。それがなければ物事を理解することは難しい。ストーリーには以下、4つのメリットがある。 第2章ストーリーの仕組み ストーリーは以下の7構造でできている。 プロダクトが成功を収めるために重要なのは、「

          デザイン読書ログ#2 「ストーリーマッピングをはじめよう」 | 塩 | note

          A Iでアイコンを作ろう

          こんにちは、塩です。この前SNSで話題になっていた絵文字ジェネレーターのように、自由にモチーフを組み合わせて一つのアイコンを作るデザトレを考えました。ただし、今回は時間に限りがあったので、短時間でアイコンを作成できるサイトのリサーチを行いました。 unstock.ai 今回はunstock.aiを使用しました。こちらは実際に自分で命令文を指定し、AIアイコンを出力することができる無料サイトです。未ログインの状態で最大3個生成可能で、Googleログインすると無制限で生成可

          A Iでアイコンを作ろう

          デザインの引き出しを増やすためのスキルアップ強化週間#1

          こんにちは、塩です。今回はイラレのスキルアップのため、動画をみて勉強しながら実践しました。 始めたきっかけ自身のデザインの引き出しを増やして活かすことができるデザイナーになりたいと思ったからです。今までは主にデザインに関する情報のインプットを行っていましたが、情報収集するものが自分のスタイルに偏り気味だったので、普段あまり挑戦したことのないデザインを実践的に学ぼうと考えました。スキルアップのため、今後も定期的に継続して行う予定です。 実際に行ってみて 参考動画 まとめ

          デザインの引き出しを増やすためのスキルアップ強化週間#1

          知識0が1ヶ月で初めてゲームを作る話

          今回は、2年前に考えたゲームデザインをWEB版にリメイクして簡易的なノベルゲーを作ろうと思います。制作物を友人にみせた時に「実装の予定とかないんですか???」と言われたのが、ことの始まりです。当時は学生で課題に追われていたので、プログラミング知識がないから…と諦めていました。 ただ、プログラミング言語がわからなくても簡単にゲームが作れるらしく。今まで散々ゲームつくる詐欺をしてきたのですが、結局行動する人が偉いので、偉い人間になります。 作る前の事前準備ある程度ゲームのストー

          知識0が1ヶ月で初めてゲームを作る話

          インフォグラフィックを作成するのに役立つサイト6選

          こんにちは、塩です。 今回はインフォグラフィックを作成する際に私が実際に活用したサイトを紹介します。 イラスト素材情報に添えるグラフィックを探す こちらのサイトでは人物、ビジネス、金融など色んなモチーフのグラフィックが豊富にあります。カラーバリエーションの変更や背景透過もできるのでとても便利です! アイデア出しインフォグラフィックについて知る グラフの形を関連するモチーフに変えるなど、参考になるインフォグラフィックの表現方法についてまとめられています! デザイン参考

          インフォグラフィックを作成するのに役立つサイト6選