tsuij makina

デザイナー2年生。4つのWebメディアを兼任中。

バナー作成時の思考フロー

最近、弊社インターン生にデザインのフィードバックをする機会が増えたこともあり、普段自分が、どこに意識を向けながらバナーを作っているのか?よく思考するようになりました。

思考するついでに、自分で集中しやすく、再現性をもってバナーをつくるために、思考フローを整理・まとめてみようと思います。

■ ざっくりしたバナーの作成手順

1. ラフでいいので、ざっくり完成図を決める
2. 文字だけ入れて一番良

もっとみる

Cocoda!でアプリのサービスデザイン No.1 名刺作成・交換アプリ

2018年9月頭に、デザイナーを目指す人のためのUIデザイン学習サービスcocoda!が公式リリースされました。

日頃、もっとアウトプットの機会増やしたい、フィードバック欲しい、と思っていたので、とにかくやってみよう、とcocoda!のお題をやってみることにしました。

名刺が作れない大学生のための、「かんたん名刺作成・交換アプリ」

私が最終的に制作したのは、名刺が作れない大学生のための、「か

もっとみる

display: gridの覚書き 〜media query不要のレスポンシブデザインも作れる!

CSS3から追加されたdisplay: gridというプロパティについての覚書きです。

便利便利だと聞いてはいたものの、はじめは仕組みを理解するのにややとっつきにくく、再度自分の言葉で、理解しなおすためにnoteにまとめることにしました。

また、display: gridを理解して、うまく活用するとmedia queryなしでレスポンシブにも対応できるデザインが作れたので、そちらもまとめ書き。

もっとみる

illustratorパス練習まとめ 30個+@コピーしてみた

もともと使用頻度としては フォトショップ>>>イラストレーターだったこともあり、イラストレーターに苦手意識がありました。

フォトショップと操作が違うし、パスの扱いが難しいし…。
でも、社内にいらっしゃるイラストレーターが得意な人を見ていると、パスを使って綺麗なアイコンが作ったり、イラストが作ったり、自作だから変形も自由が効いていいなぁ…という憧れから、アイコンコピー30個をやってみることにしまし

もっとみる

ページ内コンテンツの考え方・組み立て方 草案

なぜそれがそこにあるのか、その順序であるのか、自分の言葉で説明できるようにワイヤーフレームを咀嚼するための覚書きのようなものです。

ページを構成する前に、ストーリーを考える

なぜそのページにその内容を載せる必要があるのか、どんなことを成したいのか、もっと突っ込んで考えてみるためのヒントや手順を整理してみます。

1. 流入口を明確にする
このサイトに来るユーザーはこんな人。とペルソナだけで一括

もっとみる

1年目デザイナーが学んだ 業務の中で活かせるWebマーケティング基礎知識

こんにちは、株式会社basicでデザイナーを始めてもうすぐ8ヶ月になる新卒社員のtsujiです。

様々なWebメディアを運営する弊社では、デザイナーであっても、マーケティング知識が求められる機会が度々あります。

そこで今回は、自分が業務を行う上で調べた、Webマーケティング基礎知識についてまとめてみました。

私と同じように、デザイナーとしてWebに関わりはじめたばかりだけれど、なにに気をつけ

もっとみる