あかね｜ウェブデザイナー

figmaをよく使います。アニメーションは最近作る機会が減りました。独学なので、初心者向けの情報が多いかも。アイコンはフリーのものです。

あかね｜ウェブデザイナー

figmaをよく使います。アニメーションは最近作る機会が減りました。独学なので、初心者向けの情報が多いかも。アイコンはフリーのものです。

  • カドベヤ マガジン

    • 32本

    カドベヤクリエイターによる徒然ナレッジ配信中

  • UX戦略ワークショップ

  • 固定された記事

初心者向け！Figmaのオートレイアウトの使い方

こんにちは、お久しぶりです。 ウェブページをデザインする時、皆さんは何のツールを使っていますか？私は Photoshop だったり、XD だったり、Figma（フィグマ）だったり色々です。 昨今の流行ツールとしては、ここ数年は Figma が圧倒的でしょう。Adobe が買収した話は大きなニュースになりました。 Figma の便利なところは挙げ始めるとキリがないのですが、今回はオートレイアウトの使い方を解説したいと思います。 資料・スライドやワイヤーフレームをよく作る

あかね｜ウェブデザイナー

    • 【vol.03】競合分析表編

      こんにちは。 最近、社内で「UX戦略」を参考に社内でワークショップを実施しました。今回は「競合分析表編」の記録です。 ワークショップでは既に様々なフレームワークを実施しており、着手した資料は ビジネスモデルキャンバス ペルソナ 競合分析表　←今回 バリュープロポジション MVP（Minimal Viable Product）範囲策定 ストーリーボード MVP とかなりの数になりました。 本シリーズは各資料の種類ごとに記事にしていく予定です。今回は競合分析表

      あかね｜ウェブデザイナー

      • 【vol.02】ペルソナ編

        こんにちは。 最近、社内で「UX戦略」を参考に社内でワークショップを実施しました。今回は「ペルソナ編」の記録です。 ワークショップでは既に様々なフレームワークを実施しており、着手した資料は ビジネスモデルキャンバス ペルソナ　←今回 競合分析表 バリュープロポジション MVP（Minimal Viable Product）範囲策定 ストーリーボード MVP とかなりの数になりました。 本シリーズは各資料の種類ごとに記事にしていく予定です。今回はペルソナ編に

        あかね｜ウェブデザイナー

        • 【vol.01】ビジネスモデルキャンバス編

          こんにちは。 今回は、本格的なUXの提案を形にするべく、「UX戦略」で得たノウハウを元に、社内のディレクターを巻き込んでワークショップを実践しました。 題材に選ばせていただいたのは、弊社のホームページです。このサイトをリニューアルするにあたって、最適なUXを実現するために必要な工程は何か？必要な資料は何か？を順を追って詰めていきました。 サイトのリニューアル時期は未定ですが、今よりずっといいものを作っているのでワクワクしてお待ちください。 ワークショップは単発ではなく既

          あかね｜ウェブデザイナー
        • 固定された記事

        初心者向け！Figmaのオートレイアウトの使い方

        あかね｜ウェブデザイナー

        マガジン

        • UX戦略ワークショップ
          3本
        • カドベヤ マガジン
          32本

        記事

          デザイナー視点の、イケてるサイトの探し方

          こんにちは。お久しぶりです。 現在、私は株式会社カドベヤでデザイナーとして働いており、「デザインニュース」のネタを用意している人です。 ほぼ毎週やって1年以上経ったので、そもそも何を以て「イケてる」と判断しているかを明文化してみようと思いました。 UIデザイン制作や、参考探しのヒントになれば幸いです。 1. まずは「『イケてるサイト』を集めているサイト」に行くデザイナーの方は同じようにやってる方が多いと思います。私はその中でも、 S5-Style MUUUUU.OR

          あかね｜ウェブデザイナー

          デザイナー視点の、イケてるサイトの探し方

          あかね｜ウェブデザイナー

          PC周辺機器のすすめ for 在宅ワーカー

          こんにちは。お久しぶりです。突然ですが、皆さんはリモートでお仕事をされているでしょうか。 リモートワークが推奨されてから長い時間が経ち、自宅デスクの仕事環境を整えた方も多いと思います。私もその一人です。 今回は、ガジェットオタクに片足を突っ込んでしまった私からオススメのパソコン周辺機器を、キーボードとマウスをメインにいくつか紹介したいと思います。 PCは「Mac」or「Windows」？前提として、使用しているパソコンがMacか、Windowsかで選択の幅が変わります。

          あかね｜ウェブデザイナー

          PC周辺機器のすすめ for 在宅ワーカー

          あかね｜ウェブデザイナー

          モーショングラフィックスを作るときに意識する基本的なこと

          はじめまして。 After Effectsでスマホ向けのモーショングラフィックスを作る機会が増えてきたので、学んだことを発信していきます。よろしくお願いします。 この記事では、モーショングラフィックスの制作上で押さえておくべき基本的な考え方を紹介します。テクニックより知識や意識が大半なので、初心者でも吸収しやすい内容だと思います。 デザイナー視点の記事ですが、CSSアニメーションにも通じるものが多いので、ぜひコーダーの方も読んでみてください。 広い範囲・別のグループのモ

          あかね｜ウェブデザイナー

          モーショングラフィックスを作るときに意識する基本的なこと

          あかね｜ウェブデザイナー