- ディレクション
【gfyCat】10分の1以上圧縮！GifアニメをWebM形式に変換してWebサイトに貼り付ける！
※こちらのサービスは、現在は提供を終了しているようですのでご注意ください。（2024年7月19日更新） こんにちは。FASTCODINGデザイナーの七転び八重子です。 今更ながらですが、ブログやWebサイトnに動画やgi […]
- ディレクション
【2021年4月】現場で使える！テキストエフェクトのまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトで使いたい！カッコよくて、オシャレなテキストエフェクト・アニメーションをまとめてみました。 今回は、codepenから探してみました。 目次 C […]
- ディレクション
【2021年3月】アニメーションが印象に残るサイトのまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年に国内でリニューアルされたWebサイトの中でアニメーションを取り入れてるサイトを主に、まとめてみました。 商品やサービスのイメージを的確にユーザー […]
- ディレクション
【CSS】CSSだけで画像をトリミングできる「object-fit」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、簡単に画像をトリミングできるCSSをご紹介します。サイズのバラバラな画像を並べる場合に、わざわざ画像をトリミングする必要がないのでとても便利です。 […]
- ディレクション
【アニメーション特集 -6】アニメーションを最適化してパフォーマンスを高める
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第6回は、「アニメーションを最適化してパフォーマンスを高める」です。これまでの特集で、CSS、JavaScript […]
- ディレクション
主流のデザインソフトでWebデザイン作るときの基本設定
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトをデザインするにあたり、みなさんどのソフトを利用されているでしょうか？今回は、とても初歩的な内容ですが、Webサイトを構築する際に必要になるデザ […]
- ディレクション
【2021年1月】スマホ用Webデザインはこのアートボードサイズで作ろう！
こんにちは。FASTCODINGデザイナーの七転び八重子です。 新型iPhone 12の発売に伴い、iPhone画面解像度を調べてみました。また、スマホ用Webデザインをする際に、どのサイズで作れば良いのかもまとめてみま […]
- ディレクション
入力率を高める！お問合わせフォームのデザイン
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、Webサイトのコンバージョン率に関わる重要なメールフォームについて、離脱させないデザイン時の注意点を考慮しながら実際に作ってみました。 目次 離脱を […]
- ディレクション
プロトタイプのユーザーテストが簡単に行える「Maze」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトをデザインしても、作成者の意図がそのままユーザーの理解に繋がるとは限りません。そこで、プロトタイプの段階で、ユーザーテストを簡単に行えるのが「M […]
