- Webデザイン
動きすぎないのが心地いい！さりげないJSアニメーションの作り方
Web制作で役立つ「さりげないアニメーション」の実装例を紹介。タイプライター風テキスト、背景グラデーション、通知バッジのバウンス、FAQ矢印の回転など、軽量で心地よいUIをJavaScriptとCSSで実現する方法を解説します。
- Webデザイン
40代ユーザーに響く！配色とタイポグラフィのCSS最適化
40代以上のユーザーに「読みやすい」体験を届けるためのCSS改善ポイントを解説。フォント設計、配色、レイアウト、インタラクション、パフォーマンスまで実務で役立つ具体例を紹介します。
- Webデザイン
キービジュアルやバナー制作で使える！ 印象的な「文字組み」を作るアイディア。
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 バナーやサイトのキービジュアルを制作する際、文字のデザインで悩んでしまう事はありませんか？ キービジュアルの制作においては素材も大切ですが、 […]
- Webデザイン
WEBデザインの参考に！ ［2023年］トレンド•デザイン傾向まとめ
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 気付けば2023年も残りわずかという事で、今年のデザインの傾向について振り返ってみたいと思います。ビジュアル面・レイアウト面・操作感などのイ […]
- Webデザイン
色覚特性に配慮して、誰もが使いやすいUIにする方法
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 より多くの人が不自由なくサービスを使えるようにするためには「色覚」に配慮する事が大切ですが、色覚を意識してUI設計できているでしょうか？ 今 […]
- Webデザイン
WEBサイトの色はどうやって決める？ 抑えるべき配色の基本ルールについてご紹介。
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 webサイトを制作する上で「色」はサイトの印象を決める重要な要素となります。失敗すると見難いサイトになってしまったり、ブランドイメージにも影 […]
- Webデザイン
UI改善って何をすればいいの？ 改善のポイント、改善例をご紹介！
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 webサービスやアプリのコンバージョンを向上させる上で、UIデザインは非常に重要な役割を果たしています。分かりやすく使いやすいサイトを目指す […]
- Webデザイン
CVがアップする、LPのストーリー構成について
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 LPのストーリー構成を考えようと思った時、何か正しいのか、またどのように構成すればユーザーの興味を引けるのか、悩んでしまうことはありませんか […]
- Webデザイン
デザインがしっくりこない原因は何…？ 美しいデザインの法則
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 デザインが完成したものの、何となくしっくりこない…何が原因か分からない…などのお悩みはありませんか？ デザインは、各要素を組み合わせたバラン […]
