makina

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

makina

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

記事一覧

もっとよくばるために、デザイナーがタスク管理方法を変えてみた話。

ベーシック アドベントカレンダー 10日目、エンジニアの開発系記事が続きますが、デザイナーも投稿してみます。makina です。 今回のテーマは、タスク管理の話です。 ・こ…

makina
4年前
9

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

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

makina
5年前
29

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

2018年9月頭に、デザイナーを目指す人のためのUIデザイン学習サービスcocoda!が公式リリースされました。 日頃、もっとアウトプットの機会増やしたい、フィードバック欲し…

makina
5年前
11

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

CSS3から追加されたdisplay: gridというプロパティについての覚書きです。 便利便利だと聞いてはいたものの、はじめは仕組みを理解するのにややとっつきにくく、再度自分…

makina
6年前
3

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

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

makina
6年前
9

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

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

makina
6年前
9

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

こんにちは、株式会社basicでデザイナーを始めてもうすぐ8ヶ月になる新卒社員のtsujiです。 様々なWebメディアを運営する弊社では、デザイナーであっても、マーケティング…

makina
6年前
55
もっとよくばるために、デザイナーがタスク管理方法を変えてみた話。

もっとよくばるために、デザイナーがタスク管理方法を変えてみた話。

ベーシック アドベントカレンダー 10日目、エンジニアの開発系記事が続きますが、デザイナーも投稿してみます。makina です。

今回のテーマは、タスク管理の話です。
・このところずっと忙しなく働いてる気がして辛い。
・もっとインプットやアウトプットする時間がほしい。
・業務中に定期的に読書時間確保できたら最高!
という 欲 が原動力になって、自分のタスク管理方法を見直すことにしました。

これ

もっとみる
バナー作成時の思考フロー

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

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

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

■ ざっくりしたバナーの作成手順1. ラフでいいので、ざっくり完成図を決める
2. 文字だけ入れて一番良さそ

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

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

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

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

名刺が作れない大学生のための、「かんたん名刺作成・交換アプリ」私が最終的に制作したのは、名刺が作れない大学生のための、「かんた

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

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

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

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

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

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

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

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

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

もっとみる

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

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

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

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

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

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

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

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

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

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

もっとみる