マガジンのカバー画像

デザイン参考ガイド

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

記事一覧

ビジネス向けのいい感じに無機質なイラスト素材を無料配布しているサイト

ビジネス向けのいい感じに無機質なイラスト素材を無料配布しているサイト

日本を席巻したタピオカももう話題にならなくなりましたが、今でも日本中に溢れているのは「いらすとや」のイラストだと思います。

しかし、何でもかんでもイラストはいらすとやで事足りるというわけではないでしょう。最近、Loose Drawingというおしゃれ系のイラスト素材配布サイトが登場しました。

Loose Drawing

シンプルで、いい感じに無機質で、

「いらすとやは白黒印刷で使いづらかっ

もっとみる
【2020年総まとめ】WebデザインギャラリーS5-Styleで秀逸だった国産サイト

【2020年総まとめ】WebデザインギャラリーS5-Styleで秀逸だった国産サイト

S5-Styleでは2020年に659件ものサイトを更新させていただきました。この記事では、その中でも特に素敵なサイトを国産限定に絞ってまとめさせていただきました!
そして、記事の最後に2020年の秀逸サイトを筆者の観点で3つ選んでいます。ぜひ最後までご覧ください。

S5-Styleとは、通算8,000弱におよぶハイクオリティなWebサイトを毎日キュレーションしているWebデザイナーのためのギャ

もっとみる
2019年が終わるまでにデザイナーが絶対に読むべきnote50選

2019年が終わるまでにデザイナーが絶対に読むべきnote50選

こちらの記事を拝見させて頂き、これのデザイナー版を読みたいなと思ったので、自分でまとめました。

ただ調べていくうちに今まで読んだことのなかった神noteがどんどん出てきたので、結果的に2019年という枠を飛び越え、50選までいってしまいました。

偉大な先人たちの英知が全てのデザイナーに届くことで、世の中がデザインによってより良くなっていったらいいなと思います。

また最後の組織デザインについて

もっとみる
デザイナー初心者のCIデザインプロセス

デザイナー初心者のCIデザインプロセス

「デザインするときは、まず情報収集して、コンセプト決めて、案を発散して。。。」

デザインプロセスに関して、いろんなサイトやデザイナーの方々が言及されています。

でも、初学者デザイナーである僕はいつも

「理想のプロセスはわかるけど、実践するとなるとわからんこと多すぎるし、そんなうまくいかねええよおおお」

ってなるんです。

そこで、自分がデザインしたプロセスをしっかり言語化して明らかにするこ

もっとみる
デザイナーへのハードルが、ちょっとだけ下がる話。

デザイナーへのハードルが、ちょっとだけ下がる話。

こんにちは!MERYでUIデザイナーをしている神尾と申します。先日、母校の文教大学湘南キャンパスで開催されている『Webデザイン』という授業にて、『デザイナーへのハードルが、ちょっとだけ下がる話。』というタイトルで、90分間、簡単なワークショップ形式も入れつつ、講義を行なってきました。

デザイナーになるのって、ハードルが高い気がしませんか?
私自身未だに"デザイナー"という肩書きが一人歩きしてし

もっとみる
ビジネス職からデザイナー職にキャリアチェンジした1年間のデザイン勉強振り返り

ビジネス職からデザイナー職にキャリアチェンジした1年間のデザイン勉強振り返り

リモート研修であまり実感が湧いていないですが、社会人になって初めの週末を迎えました。

足腰が痛くて死にそうなのに、親が家から出してくれません。仕方ないですね。

デザイナー就職のnoteを書いてから、どのように勉強したのか聞かれることが多くなり、少しでも需要がありそうだなと思ったので、デザインの勉強をしていた1年間について振り返りたいと思います。

「デザイナーになるまでの勉強法」とか書くと、デ

もっとみる
バナー制作/1個50万円を実現する方法とは?

バナー制作/1個50万円を実現する方法とは?

nanocolorの川端(@nanocolorkwbt)です。

世間では「バナー制作」は練習しやすいお手軽案件の様ですね。クラウドソーシングでの単価を見ても最も安い制作案件の1つではないでしょうか?

1個あたり5,000円。つまり100個作らないと50万円にはなりませんが、僕が目指したいのは1個納品して50万円を目指す方法です。果たしてそんな方法があるんでしょうか?

結論から言いますバナーで

もっとみる
Apple ヒューマンインターフェースガイドライン輪読のすゝめ

Apple ヒューマンインターフェースガイドライン輪読のすゝめ

カンムでデザイナーやってます、小山内です。

iOSアプリ開発に携わる人のほとんどが読んでいるであろう Human Interface Guidelines、ひとりで黙読しただけで済ませていませんか?

ガイドラインを読んでプラットフォームの標準UIを把握することは、ユーザーの慣習を学ぶことでもあり、UI設計の拠り所を掴むことにつながります。

しかしチーム内でガイドラインの理解度や解釈が異なる

もっとみる
UIデザインで参考にするブックマーク集

UIデザインで参考にするブックマーク集

Chrome のブックマークバーが散らかってきました。Kanmu のデザイナー、小山内です。

年末だし、ここらでブックマークを整理してみようと思いまして。アプリデザインのときに参考にしているサイトをまとめてみました。

これは カンム Advent Calendar 2019 の3日目の記事です。

必要なリソースが見つかるサイトインスピレーションが得られるサイトをお探しですか? トレンドに関す

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

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

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

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

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

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

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

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

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

もっとみる
個人的に実践しているWebデザインガイドライン④ 画像編

個人的に実践しているWebデザインガイドライン④ 画像編

あくまで個人的に実践しているデザインのガイドラインです。

記事一覧はこちら↓

# 共通事項画像は可能な限り高解像度のものから使用する。拡大ぼけした画像、ジャギや透かしの残った画像、画質が粗すぎる画像の利用は禁止。

画質は統一する。画像によって解像度が違いすぎるようなことは避ける。

ロゴやアイコンなどのプリミティブな素材は可能な限りSVGで作成する。

写真のトーンは適切に補正する。撮影した

もっとみる
個人的に実践しているWebデザインガイドライン⑤ テキスト編

個人的に実践しているWebデザインガイドライン⑤ テキスト編

あくまで個人的に実践しているデザインガイドラインです。

記事一覧はこちら↓

# 基本事項
使用するフォント・フォントサイズ・フォントカラーはあらかじめ決めておき統一感をもたせる。

文章の頭位置を揃え、他の要素とのベースラインも揃える。

文章の周囲に適度な余白をつけ文章を読みやすく。行間を揃えて適切に開ける。

日本語文章は左揃えが基本。コピーライト表記や署名などの一般慣習的な場合を除き、基

もっとみる
個人的に実践しているWebデザインガイドライン⑥ デザインカンプ編

個人的に実践しているWebデザインガイドライン⑥ デザインカンプ編

あくまで個人的に実践しているデザインガイドラインです。

記事一覧はこちら↓

# 基本事項必ずWeb用設定で作成する。

カラーモード → RGB
単位 → 定規・文字ともピクセル(px)
基本解像度 → 72dpi

解像度については以下の記事が分かりやすいと思った。

僕は現在はXDでデザインカンプを作ってますが最近までPhotoshopでした。そのため、Photoshopでの作業環境を

もっとみる