マガジンのカバー画像

デザインTopic

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

#Webデザイン

ページに抑揚をつける「背景切り替え」のデザインアイデア

ページに抑揚をつける「背景切り替え」のデザインアイデア

こんにちは!
株式会社Rabeeでデザイナーをしています、nanamiです🌿

Webサイトのデザインを作っていく時、気づいたら単調なデザインになってしまうことはありませんか?

「Webデザインはリズムが大事」とよく言いますが、リズム良く眺めることができるWebサイトって、つい上から下までスクロールしてしまいますよね。

今回は、そんなリズム感を生む工夫の1つ、背景の切り替え方に着目して分析し

もっとみる
ヘッダー(グローバルナビゲーション)のデザイン事例100選

ヘッダー(グローバルナビゲーション)のデザイン事例100選

こんにちは!株式会社Rabeeのデザイナーのakaneです🐏

今回は、ヘッダー(グローバルナビゲーション)のデザイン事例を調べてみました!パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍

はじめに:グローバルナビゲーションとは?グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。

一般的には画面上部のヘ

もっとみる
「CTAボタン」のUIを集めてみた|パーツ別デザインまとめ

「CTAボタン」のUIを集めてみた|パーツ別デザインまとめ

こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです。

今回は、LPにおいてCV(コンバージョン)に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。

はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を1つずつ特化して調査をしていきたいと思っています。
今回はその「パーツ別デザインまとめ」シリーズ2本目で

もっとみる
Webサイトのメインビジュアルの構図を集めて分析してみた。

Webサイトのメインビジュアルの構図を集めて分析してみた。

初めまして、ameko(@tk04amedama)と申します。
普段は都内の制作会社でWEBデザイナーをしています。
と言ってもまだまだ新米なので、日々勉強中です。

その勉強の一環で、最近のWebサイトで使われている
メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみよ

もっとみる
アメリカと日本で違うピンタレストのUIを分析

アメリカと日本で違うピンタレストのUIを分析

ピンタレストアプリのユーザー登録画面が、アメリカと日本でかなりUIが違ったので、分析していきたいと思います。ちなみに、ピンタレストはユーザー登録画面以外は基本的にアメリカと日本でUIが同じみたいなんです…。不思議です。

入力ステップの表示の仕方が違うアメリカと日本では、入力ステップの表示の仕方でいくつか違いがありました。

アメリカ
・ステップバーで進捗を表示
・テキストで「1 of 3」と補足

もっとみる
エムハンドのChatGPT利用ガイドライン

エムハンドのChatGPT利用ガイドライン

はじめに

2023年に入って、一世を風靡しているAIシステム『ChatGPT』。
シンギュラリティの始まりだ..などと言われております。

弊社では、ChatGPTを業務効率化ツールとして活用するために、利用ガイドラインを策定しております。今回の記事では、組織のナレッジ共有とAIシステムとの向き合い方についてまとめました。

01. 利用目的効率的な業務遂行

クリエイティブなアイデア収集

もっとみる
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

こんにちは!i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。

マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。

「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま

もっとみる
レイアウトデザインの視点を増やす
思考&Tips

レイアウトデザインの視点を増やす 思考&Tips

はじめにこのnoteは、私がTwitterで発信した「デザインの思考&Tips」のなかから、レイアウトデザインに関する内容を編集してまとめたものです。普段のデザイン業務で私が意識している、webデザインを中心としたレイアウトの考え方やTipsを紹介します。

「レイアウト」といっても、ただ単にドキュメント上に要素を置くのは誰でもできます。どんな素材にするか、どんな動線にするかを考えて位置を決めてい

もっとみる