and factory Designer

マンガアプリや占いアプリを多数手がけるand factory株式会社のデザイナーチーム…

and factory Designer

マンガアプリや占いアプリを多数手がけるand factory株式会社のデザイナーチーム公式noteです。 役立つデザイン情報や、社内のデザイン組織について発信していきます！

  • デザインTips

    デザインにまつわるTipsを紹介した記事をまとめています。

  • 組織について

    and factory デザイナーについて紹介した記事をまとめています。

  • Figma

    Figmaにまつわる記事をまとめています。

お祝いデザイン ７つのモチーフアイデア

こんにちは。and factoryデザイナーの安田です。 今回はアニバーサリー（周年）など、お祝いのデザインに取り入れられる７つのモチーフのアイデアをご紹介します。 イベントを盛大に盛り上げるために、華やかなモチーフを活用しましょう！ １. 風船風船はお祝いのシンボルとして、多く使われています。 使いたい色を選べる風船は、そのイベントやプロダクトのカラーを演出しやすく、数字の形の風船を使えば、年齢や年数を表すことができます。 2. ケーキケーキは誕生日や記念日のイメー

and factory…

    • CLAMP展＠国立新美術館へ行ってきた！

      こんにちは！and factoryデザイナーのいしだです！ 先日デザイナーの有志で、国立新美術館で開催中の『CLAMP展』へ行ってきました！ 少年、少女漫画から青年漫画と幅広いジャンルにおいて活躍されてきた、女性４人の創作集団CLAMPのデビュー35周年を記念する展示です。 実を言うと、私自身はあまりCLAMP作品を通らずに大人になった人間なのですが、それでも十分に楽しめる内容で大満足でした！ ネタバレになってしまうので、簡単にレポートしていきたいと思います！ 今回の展

      and factory…

      • Figma Slidesのインタラクティブな機能を触ってみた

        待望のFigma Slidesこんにちは。and factoryデザイナーのみなみです。 Config 2024にてUI3やFigma AIなどが発表され大きく盛り上がっていますね。僕はその中でも特にFigma Slidesに注目してます。 この記事では実際にFigma Slidesを触ってみて発見したインタラクティブな機能を紹介していきます。 Figmaでスライドを作る意味僕がスライド資料作りをFigmaに移行してから、丸2年が経ちました。 Figmaを選んだ理由は、F

        and factory…

        • 【Photoshop講座】サイバーパンク風文字デザインの作り方

          こんにちは！and factoryマンガアプリの担当デザイナーのリリです。 みなさんはサイバーパンクはご存知ですか？ サイバーパンクとは、近未来のレトロフューチャー（過去の人が思い浮かべる未来）のジャンルで、イメージとしては日本の作品だと「AKIRA」「攻殻機動隊」等が挙げられます。 また、サイバーパンク風なデザインというと、夜の街に並ぶ電子掲示板やネオンの蛍光色が特徴です。 今回はそんなサイバーパンク風な文字デザインの作り方を２種類ご紹介します！ ■１：グリッチデザイ

          and factory…

        お祝いデザイン ７つのモチーフアイデア

        and factory Designer

        マガジン

        • デザインTips
          26本
        • 組織について
          15本
        • Figma
          7本

        記事

          マンガアプリデザイナーが選ぶ！推しマンガ31選！

          こんにちは！and factoryデザイナーのモロズミです。 みなさん「マンガ」はお好きですか？ ページを開くだけで非日常を味わえたり、疲れた心にそっと寄り添ってくれる「マンガ」は、私の生活において必要不可欠な存在です。 時代が進むにつれて幅広い年齢層や社会階層に向けて様々なジャンルやテーマの作品が生み出されているので、どれを読めば良いのか迷う方も多いはず！ そこで今回は、and factoryが運営するマンガアプリから、デザイナーが厳選した「推しマンガ」をご紹介します

          and factory…

          マンガアプリデザイナーが選ぶ！推しマンガ31選！

          and factory Designer

          UIデザイン未経験の僕がワークショップを開いてみた

          こんにちは！ and factoryデザイナーのノリです。 前職では主に印刷物をデザインしており、UIデザインは全くの未経験でした。 and factoryに転職してから半年間、先輩UIデザイナーとの1on1で、既存サービスのUIトレースやデータの作成を通して、UIデザインの基礎を学びました。 今回は、半年間の勉強の成果として行ったワークショップについて紹介させていただきます。 ワークショップの内容ワークショップはFigmaを使って行いました。 （実際に使ったFigmaフ

          and factory…

          UIデザイン未経験の僕がワークショップを開いてみた

          and factory Designer

          【Figma勉強会】Figma Communityにファイルを公開してみた！

          こんにちは。and factoryデザイナーのKです。 and factoryではメンバーが有志で様々な勉強会やイベントを開催しています！ 今回の記事では、「Figma Community」にファイルを公開してみよう！という目的の元、開催された勉強会について紹介します。 Figma Communityって？Figma Communityは、世界中のユーザーが様々なプラグインやファイルを公開・ダウンロードできるコミュニティです。プラグインのインストール時などに、訪れた事が

          and factory…

          【Figma勉強会】Figma Communityにファイルを公開してみた！

          and factory Designer

          デザイナーデスク事情〜リモートワークどうしてる？

          こんにちは！and factoryマンガアプリの担当デザイナーのリリです。 みなさんはリモートワーク中のデスク環境にこだわりはありますか？ 今回はandfactoryデザイナーのデスク事情を紹介していこうと思います！ １.RETデザイナーSさん雑誌でインプットしながら仕事に生かすのは素晴らしいです！アイデアがいっぱい生まれそうな整理されたデスクですね！ ２.アプリデザイナーMさん制作したデザインを実機サイズで確認するための端末があるのがアプリデザイナーらしいですね！ ３

          and factory…

          デザイナーデスク事情〜リモートワークどうしてる？

          and factory Designer

          夏らしいデザインアイデア2選

          こんにちは。and factoryデザイナーのセキです。 夏はイベントの季節！ということで様々なキャンペーンが行われますね！ みなさんは夏といえばどのようなデザインを思い浮かべますか？ 今回は「夏らしいデザインアイデア」を2つご紹介します！ アイデア1.プールプールをイメージした、元気でアクティブな印象を表現するデザインアイデアです。 【カラーパレット】 ライトブルー×レッド×グリーンの組み合わせでまとめると、トロピカルな雰囲気になります。 ピンク×オレンジ×ライトグリ

          and factory…

          夏らしいデザインアイデア2選

          and factory Designer

          【Photoshop講座】ホラー文字を作ろうの会

          こんにちは。and factoryデザイナーのMです。 今回は、ホラーの雰囲気にぴったりな文字装飾の方法を３つご紹介します。 ちなみに、ホラー文字の作り方は過去にも紹介記事があるので、是非併せてご覧ください。 使用するフォント今回はすべて「異世ゴ」「異世明」を使用します。 独特な歪みと不規則な形状で、不気味な雰囲気を演出するのにピッタリな書体です。 1.変形+シャドウわざと歪ませたり不安定な文字組みにすることで、不安感や緊張感を煽ります。 文字の縦横比を調整する

          and factory…

          【Photoshop講座】ホラー文字を作ろうの会

          and factory Designer

          【Photoshop講座】モノクロ原稿をカラー化しよう！

          こんにちは！and factoryデザイナーの伊勢です！ 漫画アプリを運営しているand factoryでは、漫画のコマを使用したデザインをすることが多々あります。 デザインによっては、漫画のコマに色をつけることも… 今回の記事では、私が普段行っている漫画データのカラー化方法をご紹介いたします！ ❶色をつけたいコマ画像を用意色をつけたい漫画のコマを用意します。 トーンが多めに乗ったコマを選ぶと、色が乗りやすくなるのでオススメです。 ❷ニューラルフィルターでカラー化用意した

          and factory…

          【Photoshop講座】モノクロ原稿をカラー化しよう！

          and factory Designer

          Figma×Lottielabで簡単にアニメーションを作ろう！

          こんにちは、and fatoryデザイナーのうしです。 アニメーションの作成はAfterEffectsなどのツールが一般的ですが、機能も多くUIも複雑でハードルが高いと感じる方もいるかと思います。 そこで、シンプルなアニメーションを手軽に作りたい方にオススメしたいLottielabについてご紹介します！ LottielabとはLottielabとはブラウザ上で使えるモーションエディターです。 パスの変形やイージングなども対応可能なため、モーショングラフィックスやUIアニメ

          and factory…

          Figma×Lottielabで簡単にアニメーションを作ろう！

          and factory Designer

          印刷業界からデジタル業界へ、中途デザイナーが入社半年を振り返る

          こんにちは！ and factoryデザイナーのノリです。 私は2023年の6月にand factoryへ入社し、現在はマンガアプリのビジュアルデザインを担当しています。 前職では主にパッケージやパンフレットといった印刷物のグラフィックデザインを制作しており、アプリのデザインは全くの未経験でand factoryへ入社しました。 未経験のジャンルや新しい働き方に最初は戸惑いつつもやりがいのある仕事が多く、あっという間の半年間でした。 そんな入社からの半年間をこの記事で

          and factory…

          印刷業界からデジタル業界へ、中途デザイナーが入社半年を振り返る

          and factory Designer

          【Photoshop講座】勢いのある！スポーツデザインを作ろう

          こんにちは。and factoryデザイナーのタカハシです。 and factoryが携わっているマンガアプリでは、少年マンガから少女マンガまで様々なジャンルのバナーをデザインしています。 今回はその中でも「スポーツ」にぴったりなデザインを紹介します！ １.躍動感のある文字の作り方スポーツというと、アクティブでエネルギッシュな雰囲気を連想すると思います。集中線や三角形のオブジェクトを足してあげることで、グッと活発でスポーツらしいデザインになります。 ビビッドな色彩との相性が

          and factory…

          【Photoshop講座】勢いのある！スポーツデザインを作ろう

          and factory Designer

          【UIの基礎を学ぼう】Human Interface Guidelines輪読会

          こんにちは。and factoryデザイナーのはるです。 みなさんはHuman Interface Guidelines（HIG）をご存知でしょうか？ HIGとは、ソフトウェアやアプリケーションの開発において、一貫したユーザーエクスペリエンスを確保するための開発ドキュメントです。 簡単に言うと、Appleが定めたUIデザインのガイドラインになります。 ▼HIG日本語訳はこちら https://developer.apple.com/jp/design/human-inte

          and factory…

          【UIの基礎を学ぼう】Human Interface Guidelines輪読会

          and factory Designer

          見てるだけで美味しい！グルメデザインの作り方

          こんにちは！and factoryデザイナーの伊勢です。 今回はグルメデザインに使えるアイデアを紹介します。 美味しそうなデザインで、見る人を惹きつけましょう！ Point 1.フォントモチーフの料理に合わせたフォントを選ぶことで、グッとその料理らしさを引き出すことができます。 例えば「和食」なら毛筆フォントを、「スイーツ」なら甘い印象を与えるために丸みのある個性的なフォントを選びます。 Point 2.モチーフグルメデザインには、やはり美味しい料理の写真やイラストがかか

          and factory…

          見てるだけで美味しい！グルメデザインの作り方

          and factory Designer