#デザイン記事まとめ

6,988

本

デザイン系の記事を収集してまとめるマガジン。ハッシュタグ #デザインのついた記事などをチェックしています。広告プロモーションがメインのものは、基本的にはNGの方向で運用します。

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

#Webデザイン

IPの世界観に寄り添う、マルチブランドなカラーシステム設計論

はじめにこのnoteで紹介するカラーシステム設計プロセスは、多くの人にとってはやりすぎで、役に立たない場合も多いです。既存のカラーシステムやカラーシステムジェネレイターを利用するのが、最短かつ最適ルートだと思います。デザインシステムやカラーシステムは「プロダクトのためのプロダクト」なので、とある事業における一つの解である、という前提で読んでください。今もまだ多くの課題を抱えたものではありますが、イベントなど様々な場面でカラーパレットに興味を持っていただける機会が多か

ワイヤーフレームは“しゃべりながら”つくる

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。このワクワク感を、ぜひたくさんの新人デザイナーとシェアできればと思います！どうぞ最後までお楽しみください✍ はじめに：ワイヤーフレーム（WF）とは？ワイヤーフレーム（「WF」と省略することも）は、Webサービスの制

Webデザインで「紙っぽさ」を出す方法を考えてみる

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。たとえば、以下のようなデザインは私にとって「紙っぽい」例です。どうして、私はこれらを雑誌

9年前｢デザイン上手くなる方法｣で毎晩検索してた自分へ。

このnoteは、過去の自分が見たかった事を書いてます。なにかの根拠や論理に基づいて書いている記事ではありません。はじめに株式会社NASUでWebディレクション・Webデザインを主に担当しております、牧瀬(中川誠也)と申します。Webデザイン業界歴は9年目です。2016年のデザイナー2年目に入った僕は毎晩「デザインうまくなる方法」と調べて不安な心を解消しようとしていました。ただ知りたい情報は、全くでてきませんでした。この note は、そんな僕が見たかった記事です。

LINEヤフーのデザインリーダーが語る、2024年Webデザイントレンド

こんにちは、Design Executive Center UID本部UID2部で部長を務めているイ・ジェフン（ Lee Jehoon ）です。 Webデザインの世界は、常に革新的なトレンドによって変化し続けていますが、それに迅速に適応することは簡単なことではありません。それだけに、新しいデザイントレンドをいち早く取り入れたいものの、何から始めればいいのか迷っているデザイナーは多いはずです。そこで、この記事では2024年に注目される4つの重要なデザイントレンドをご紹介しま

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

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきたいと思っています。今回はその「パーツ別デザインまとめ」シリーズ２本目です。 ↑ こちらの記事、たくさんの方に読んでいただけており嬉しいです！パタ

Figma新機能｜マルチ編集機能の概要と使いどころ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回は、日本時間の今日（2024.3.7）発表されたばかりのFigma新機能、マルチ編集機能について、その機能概要や使いどころを公式解説をもとにまとめました。はじめに現在、Figma Community上ではこちらの公式解説が公開されています。 Figmaの公式解説は、実際に手を動かしてみる用の作業場も準備されていて作りが丁寧なので、こちらを読めば内容は理解できるのですが、この機能に関わらず、

実案件でノーコードWEB作成ツール Framerを利用する前に確認したいこと

最近、海外のプロダクトやコーポレートサイトに、ノーコードWEB作成ツールのFramerを使っているケースをよく見かけるようになってきました。 Framerは、Figmaなどのデザインツールとかなり近い感覚でデザインし、そのまま公開することのできるツールです。 webflowなどのWEB制作ツールと比べると、制作時のストレスが少なく、表現力が豊かで、コミュニティが活発であるのが、人気を博している理由だと思います。最近はポートフォリオサイトとしてだけではなく、zapierや

「料金比較表」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回はLPやサービスサイトでよく見かける「料金比較表」のUIパーツに特化してデザインを集めてみました。 LPや特定のサービスサイトは構成要素が比較的パターン化されています。「この要素・セクションのデザインどうしよう」となった時用に、要素ごとにデザインのパターンのストックを持っておきたい。そんな皆さまに参考にしていただけると嬉しいです！はじめに今回は、集めた料金比較表のデザインをこちらのサ

多言語対応UIを作るときのポイントを知っておこう

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今日は、多言語に対応するUIデザインをつくるときのポイントについて書きます。表層的な「UI」だけでなく、掲載コンテンツの内容やローカライズについても言及しています🌐 最後に参考記事も紹介しています！ぜひお楽しみください。はじめに｜多言語対応UIとは？今回扱う「多言語対応UI」とは、単一の言語のみでなく、いくつかの言語に対応しているUIデザインのこと。日本でよく見かけるのは「日本語」「英語」の2つに対応し

Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。

まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト　嫌い」で検索 Xでちらっと検索しただけでも動くサイトが嫌い、という方は結構いそうですね。もし「アニメーションはすべて悪」と思っている人がいたらぜひ読んでいただき

【Web Design Talk】スターバックスのアイデンティティを体現するフォント「Sodo Sans」

こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。「Sodo Sans」はスターバックスのアイデンティティそのものスターバックスのロゴや店内装飾、商品パッケージなど、様々な場所で目にする洗練されたフォント「Sodo Sans」。スターバックスのデザインチームとアメリカ合衆国ユタ州にある書体制作会社、Lettermatic社との共同作

一休デザイナーブログをnoteで立ち上げます

はじめまして。一休デザイナーの河村と申します。今回の投稿では、一休のデザイン組織、noteをはじめる理由、についてお伝えしていきます。一休のデザイン組織について一休のデザイナーは、業務の特性によって大きく2種類に分かれています。プロダクトデザイナー（システム開発部に所属）・・・・5名程度主な業務：トップページから検索、予約完了までの画面設計とユーザインタフェースデザイングラフィックデザイナー（事業支援部に所属）・・・・8名程度主な業務：施設紹介ページ、施設の

日本・海外のデザインシステム総まとめ【56事例＋α】

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今日は、WEB上に公開されているデザインシステムをとにかくたくさん集めました。業種や規模、国内外の企業問わず、デザインシステム（スタイルガイドも含む）と名の付くものを、見つけられた範囲ですべて収集しています。多数のデザインシステムの比較・検討をしたい際など、データベース的にお役立ていただけたら幸いです。 ※以下の目次、異次元の長さになっています。開く際はご注意ください…🐲 はじめに🗒掲載方法について

#デザイン 記事まとめ