デザイン＆エンジニアリング

本

YUIDEAのデザイナー・エンジニアによる共同マガジンです。クリエイティブの考え方、ノウハウ、制作ストーリーなど発信していきます。

運営しているクリエイター

新人デザイナーが挑む！After Effects学習記③

三度目まして、 YUIDEAデザイナーのマイです。 3月末ということで、桜の開花時期が近づいてきていますね！ということで、今回は少し趣向を変えて桜の花びらが舞うアニメーションを作ってみたいと思います。今回参考にさせて頂いた講座はこちらの動画です。花びらアニメーション作成開始1.花びらの用意 AfterEffectsを開く前に、まずはアニメーションに使用する花びらを用意します。今回はこちらのフリーイラストを調整した画像を使用します。 2.コンポジション

主要ブラウザが対応になった！コンテナクエリって？

こんにちは。YUIDEAでマークアップエンジニアをしているtanabeです。今回は2023年の中頃から主要ブラウザに対応したコンテナクエリについて、自分の学習がてらざっくり書かせていただきます。 ※認識違いなどありましたらコメントなどで教えていただけたら幸いです！使用可能なブラウザはCan I useからご確認いただけます。コンテナクエリとはざっくりご説明すると、ビューポートの幅ではなく、コンテナの幅(親要素など)を基準にスタイルを変更できるcssです。メディアク

UIデザインの暗黙知 - いくつかのケースを考察してみた

先日、社外向けの研修のデモで上司が「UIデザインの暗黙知」についての話をしていました。研修の中で軽く触れていただけなのですが、興味深い内容だったので皆さんに共有したいと思います。 UIデザインの暗黙知、例として以下のようなものが挙げられます。・リンクテキストには下線を引く・ボタンにホバーすると、ボタンの色が変化するこのように、UIデザインの暗黙知とは、WEBデザイナーなら知っていて当然の知識（意識せずともデザインに組み込んでいる知識）のことを指します。勿論、デザイナー

納品前チェック項目のアレやコレ

最近チェックシートを見直すことがあったので「これ忘れっぽいよなー」とか「これ後回しにしがち」とか、作業している中で割と遭遇する出来事の掘り起こし。主にソースコード関連titleタグ、descriptionタグの記述内容コーディング作業期間中はコンテンツ部分に集中しているので、それ以外の部分は「落ち着いてから」と結構後に回されがちです。特にdescriptionは、作業途中に内容決定することが多々あり、コーディング難度の高いページの作業後などは、燃え尽き気味でよく忘れ

動画の制作工程

株式会社YUIDEAでアートディレクターをしているハネトアキです。前回、動画制作を依頼するときの整理ポイントについて描かせていただきました。今回は、動画制作の工程について描いてみました。ご参考になれば、幸いです。まとめご覧いただき、ありがとうございました。世の中にあるどんなものも、その背景には多くの方々が関わっていて、誰かに必要とされて、そこに存在しています。そのことを思うと、世の中に対して少し優しくなれそうと思いませんか？＃YUIDEA　＃動画制作　

『microCMS入門』でヘッドレスCMSを実際にさわってみたお話 - Part1

こんにちは。 YUIDEAのウェブディレクターRomiです。前回の記念すべき第一回記事ではCMSについての基本的な話を書き綴ったのですが、今回はCMSのメインストリームとなりつつあるヘッドレスCMSについて解説してみようと思っていたところ、ちょうどよいタイミングでドットインストールさんの公式noteに以下 ▼ の記事を発見！これを利用しない手はないということで、実際に国産ヘッドレスCMSの代表格であるmicroCMSをさわってみた感想や、従来型CMSとの違いなどをレビ