マガジンのカバー画像

デザインTopic

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

記事一覧

 麦.pptxポートフォリオ2024

麦.pptxポートフォリオ2024

スライドデザイナーの麦.pptxです。
個人サイト等は作っていないため、このページをポートフォリオとします!
過去に制作したパワポの一例をご紹介します。
ヘッダー画像は翔泳社より6/26に出版する書籍です。

1.プレゼンテーション1-1.社史を5分にまとめる

1-2.地方創生プロジェクトのPR

2.採用用途2-1.カルチャーデック

写真・テキストはダミーです。

2-2.採用ピッチ

2-

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

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

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

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

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

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

もっとみる
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)

メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)

2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。

1、商品ページの「¥マーク」を小さくしたら購入率アップ(メルカリ)メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。

理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例

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

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

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

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

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

一般的には画面上部のヘ

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

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

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

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

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

もっとみる
変なサイトに登録しなくても、Figmaで使えるシンプルで高品質な無料テンプレート集(UIメイン)

変なサイトに登録しなくても、Figmaで使えるシンプルで高品質な無料テンプレート集(UIメイン)

どうも!
MoQupの原田です。

noteを初めてもうすぐ連続投稿30日なのですが、始めの月である今月は、記事の形を色々試していて、皆さんからのフィードバック、いつも楽しみにしております。

今回は、「ただ単にFigmaでパッと使える無料素材が欲しいんだけど、変なサイトに飛ばされて、登録を求められるのが面倒」というめんどくさがりな人向けにFigmaコミュニティ上で公開されている高品質の無料素材を

もっとみる
エンジニア直伝!デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法

エンジニア直伝!デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法

こんにちは、@ShikiCheriです。
現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。

デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…!?クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サ

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

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

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

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

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

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

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

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

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

もっとみる
未経験から転職を成功させた!駆け出しデザイナーのめっちゃいいポートフォリオまとめ10選

未経験から転職を成功させた!駆け出しデザイナーのめっちゃいいポートフォリオまとめ10選

31インチのモニターをルンルンで購入したにもかかわらず、モニターアームがクランプ幅の問題で机に設置できず、泣きながら手元のノートパソコンで本noteを書いているイシカワです、どうもこんにちは。

はじめに(が、やや長い)今回のnoteは、私がTwitterで出す出す詐欺をしていた「めっちゃいいポートフォリオまとめ」になります。基本的には「未経験デザイナーの方」「駆け出しデザイナーの方」向けですが、

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

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

はじめに

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

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

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

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

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

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

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

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

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

もっとみる
「ザ・青空」じゃない空のグラデーション素材、無料配布します

「ザ・青空」じゃない空のグラデーション素材、無料配布します

下の図ですが、これ、ぜんぶ空の色です(自分のInstagramにアップした、空映ってる写真から色を抽出しました)。思った以上にいろんな色あるなぁと気づかされます。配色するとき、色のもつイメージを基準にすることはもちろん大切ですが、固定観念だけでなくその場の「空気を捉える」ことも必要だなと思いました。

これらの色をもとに、グラデーションのパターンを作りました。

配布してほしいという声もいただいた

もっとみる
Figmaを使った謎解き風練習ファイル!Figma World 第1章 旅に出よう

Figmaを使った謎解き風練習ファイル!Figma World 第1章 旅に出よう

久々投稿のタクトです!

今回の記事では
Figmaの練習ファイルについてご紹介しようと思います。

webデザインをするにあたって、いまは色んなツールが出てますね!
自分がいま勤めている会社でもPhotosohpやXdなどでやってきてましたが、
Figmaに徐々に移行することになり、新たに勉強しはじめました。

そんな折、Figmaは英語のUIだったりして
始めるまでのハードルが若干高いといった

もっとみる