マガジンのカバー画像

デザイン

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

記事一覧

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

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

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

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

もっとみる
デザインラフ、公開します

デザインラフ、公開します

僕にとって、デザインのプロセスの中でもアナログなラフ描きが欠かせません。手描きに込められた線には能動的な意思があって、それが結果的にデザインに宿ると思うからです。手描きラフに着手した途端に没入して元気さえでてきます。ああしたいこうしたいと、言葉や素材を吟味しながら「体重のせて描く」感じがいいのですよね。

そしてそのラフは、必ずとっておきます。手描きのラフは何回も書き直すので、思考とブラッシュアッ

もっとみる
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新

【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新

こんにちはデザイナー社長の船越です!久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から

「どこから画像を引っ張ってくればいいかわからない😭」

「日々の情報収集どうすればいいの?🤔」

という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました!デザイナーのクオリティと速度は引き出しで決まると僕は考えています。

もっとみる
UIデザイン初学者の頃の自分に捧げたい、「勉強するならまずこれを読もう!」と思う読み物7選

UIデザイン初学者の頃の自分に捧げたい、「勉強するならまずこれを読もう!」と思う読み物7選

はじめまして、ムツミ(@623px)と申します。「CAMPFIRE」という、クラウドファンディング事業の会社のデザイナーをしています。
普段はグロース周りのデザイン施策を担当していて、少し前は仲間集めプラットフォーム「TOMOSHIBI」という新規事業のデザイン全般を担当していました。

---
最近デザインを勉強している友人にむけて、勉強におすすめの記事や本をまとめる機会があったのですが、UIデ

もっとみる
これは簡単!ユーザーの流入率を高めるアニメーションGIFの作り方

これは簡単!ユーザーの流入率を高めるアニメーションGIFの作り方

こんにちは、UI2チームのブログ担当です!普段は、LINEトラベルをメインに担当しております。今回皆さんに紹介したいと思っていますのはアニメーションGIFバナーについてです。
皆さん、最近SNSで流れているバナーの中でアニメーションGIFバナーが多くなったことに気づいてましたか?
SNSに乗せるバナーとして、画像よりGIFの方がユーザーの流入率が高いという結果が出ましたので最近LINEでもアニメー

もっとみる
大手企業サイトで学んだ万人が扱いやすいデザイン

大手企業サイトで学んだ万人が扱いやすいデザイン

今回トレースしたのは日本通運さんのTopページです。

日本通運株式会社 企業サイト >>>

あるデザイナーの方がツイッターで『現場で求められる良いWebデザイン』の事例として取り上げているのを見て、このサイトを知りました。

この記事では、本サイトをトレースしている中で、特徴的だと感じた下記の3点について触れていこうと考えております。

❶ファーストビューおよび直下のデザインは、ユーザーが情報

もっとみる
デザインのお守り vol.3 -言語化

デザインのお守り vol.3 -言語化

今回はデザインの言語化について、コツや頂いたアドバイスをメモしていきます。作成したデザインを説明するときに、陥りがちなミスを避けるための、備忘録として書き残しておこうと思います。

この「デザインのお守り」シリーズも少しづつ増えてきました。
Vol.1、2もありますのでよければご覧ください。
デザインのお守り vol.1 進め方
デザインのお守り vol.2-デザインに詰まったら

5WHY(なぜ

もっとみる
UIのお作法。28個の「〇〇できそう感」をまとめました。

UIのお作法。28個の「〇〇できそう感」をまとめました。

UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。

1、進めそう感

時間の流れは左から右に表現します。右矢印は次、進む、

もっとみる
フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)

フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)

こんにちは!トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました!

今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。

1. フォントの世界に魅入ったきっかけ私のデザイナー

もっとみる
印刷と入稿のきほん -印刷編-

印刷と入稿のきほん -印刷編-

はじめまして。
クックパッド・デザイナーの細井(Holly)です。

夏の暑さも落ち着いてきたのでお弁当を作ってハイキングしたり、キャンプでホットサンドを作ったりなど、外ごはんをしたくなりますね🍳

さて、クックパッドでは様々な新規サービスが誕生しているのをご存知でしょうか。
そうしたサービスを知ってもらうための手段として、チラシやポスターなどの紙モノを扱う機会が増えてきました。
そこで、デザイ

もっとみる
グラフィックデザイン上達へのアプローチ方法

グラフィックデザイン上達へのアプローチ方法

グラフィックデザインが苦手。
私の会社の後輩デザイナーもそうだし、UI/UXからキャリアをはじめたジュニアデザイナーからよく聞く言葉です。

私は元々大学でグラフィックデザイン(正確にはコミュニケーションデザイン)を専攻しており、実務としても2年以上グラフィックデザイナーとして経験を積んでいるので言わばグラフィック上がりのUI/UXデザイナーです。そのためグラフィックデザインが苦手ということはあり

もっとみる
デザイナーに必要な言語化をTwitterで練習してみてわかったこと

デザイナーに必要な言語化をTwitterで練習してみてわかったこと

こんにちは!ひのふ(@pinopo_)です!

去年ぐらいから私、言語化の練習を始めました。どうやって練習しているかというと、Twitterを使用して練習しています。今日は言語化について記事を書こうかなと思います!✍️

そもそも「言語化」とは何か?ネットで調べると以下のような検索結果が出ました。

言葉で表現すること。感情や直感的なものを説明・伝達可能にすること。
          辞典

もっとみる