塩

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

塩

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

  • 最近の学び

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

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

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

  • 固定された記事

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

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

塩

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

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

      塩

      • UXとはどんなコトを指す？

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

        塩

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

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

          塩
        • 固定された記事

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

        塩

        マガジン

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

        記事

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

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

          塩

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

          塩

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

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

          塩

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

          塩

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

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

          塩

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

          塩

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

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

          塩

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

          塩

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

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

          塩

          伝わるムードボードを作ろう

          こんにちは、塩です。抽象的なアイデアをより具体的に理解してもらうための手段として、ムードボードはとても有効だと思います。ムードボードについての詳細は、こちらのnoteでも実践形式で紹介しています。 テーマと目的 今回は言語コミュニケーションを図る際に、構造化しづらい要素をムードボードでビジュアル表現することに試みました。また、テーマは自身が感じる「かわいい」要素として統一しました。 写真 カラーパレット テクスチャ テキスト パターン 上記の５つを使用してムー

          塩

          伝わるムードボードを作ろう

          塩

          インターンでデザイン批評してもらう話

          こんにちは、塩です。 デザイン業務が始まり、noteを執筆する機会も増えたので更新頻度が高くなりました。今回はゴーリストの選考フローの中にあったインターンについて振り返ろうと思います。入社エントリの詳細についてはこちら。 はじめに そもそも、デザイン批評とはなんぞやと思う方がいらっしゃると思います。 デザイン批評については、過去に具体的な内容をnote記事にまとめているので、詳細を知りたい方はこちら。 前置きが長くなりましたが、ここからは実際のインターン内容について触

          塩

          インターンでデザイン批評してもらう話

          塩

          デザイン読書ログ#1「みんなではじめるデザイン批評」 | 塩 | note

          こんにちは、塩です。今回は課題図書の「みんなではじめるデザイン批評」という書籍を読書ログにまとめようと思います。 第1章「批評を理解する」 筆者自身も、毎週違う自分の作品を提示し、学生同士で互いに批評を行うことで順位づけを行う大学の授業を履修した時に、製作者の意図をきちんと聞いて、コミュニケーションを取ることが重要だと感じていました。批評を会話の一部として取り入れるのはかなり効果的だと思います。 第2章「批評とはどのようなものか」 上記の例は、SNSが普及するユーザー

          塩

          デザイン読書ログ#1「みんなではじめるデザイン批評」 | 塩 | note

          塩