Futurize Magazine

初めてサービスのデザインをして1ヶ月でできるようになったこと

Futurizeにきて1ヶ月が経ったのでこれまでの振り返りをしたいと思います。 🚲 1ヶ月間でやったこと金融サービスのWebサイトのデザイン(PC/SP) 今回は最終的に40数ページのデザインをつくりました！現在細かい修正や追加のコンポーネントの作成をしています。戦略や概要のまとめ、競合調査、情報設計MTG、一般的なUIを知ること、先方との目的や優先順位の擦り合わせ、Sketchの使い方、シンボルを使ったデータづくり、納品までの流れの把握などなど‥ 基本的なツール

教えてもらうときに気をつけていること

教わる側と教える側の両方を経験し、今また教えてもらうことが多くなってきて最近感じることをまとめました。ちなみに自分が2〜3年後になりたい姿を体現している人から教えてもらうのが一番いいと思っています。方法を具体的に教えてもらいアクションプランにして、より短い期間で実行していくためです。今回は師匠の見つけ方ではなく、見つけた師匠から学ぶ時の姿勢についてです🗒 たくさんの人がいて時間は限られている中、自分に教えたいと思ってもらうためには何ができるか考えながら読んでいた

Sketchでつくる汎用しやすいテーブル

こんばんは🎆 今年は帰省してないので友達のインスタを見て気分だけ味わってます🎆 今日は、伸ばしたり縮めたり数が増えたりしてもいい感じになるテーブルを秒でつくる方法についてです！ほぼ毎回使うこういう表ですね。「見出し」と「データ」は見た目が別に見えますが一つのシンボルを使っています。シンボル化命名規則通りに「lv2: table / th / td」と名前をつけます。セルの見出しと要素なので、htmlのタグで言う「th」と「td」にしてます。パーツに分けるとこ

今週の振り返り（全体を俯瞰して見れるようになりたい）

こんばんは。池袋の駅で永遠と将棋をしているおじいちゃん達を見て、生涯続けられる趣味っていいな〜と最近よく思います。読書は老眼でつらくなるかもしれないので他になんかいいやつないか探し中です🙃 さて！今週も一週間の振り返りをしたいと思います。今週やったこと・デザインチェック・先方と認識すり合わせ・中面ページのデザインの続き先週の続きのデザインを進めています。ようやく終わりが見えてきました！学び・改善点制作に入る前にラフを整理＆不明点を確

池田語録

今日はいつも隣の席にいる池田さんの発言特集です👏 デザインチェックでご指摘いただいたことから日常会話まで、特に印象に残っているものをご紹介します🚲 🚴‍♂️ 雰囲気を維持したまま全体に染み渡らせるトンマナについてご指摘もらった時の言葉です。すごくイメージしやすい！全体的に親しみやすい少しポップな感じのデザインを作成していましたが、途中で綺麗にまとまりすぎて堅い印象になってしまっていました。自分で確認する際はこれを思い出してチェックしてます。 🚴‍♂️ 王道がわか

今週の振り返り（グルーピングとシンボルに苦戦中）

こんばんは🐤 もう先週になっちゃいましたが22〜26日の週の振り返りです。 note書いて帰れば更新滞らないのでしばらくそのスタイルで頑張ります…✏️ 今週やったこと・トップページデザイン制作・池田さんチェック後修正・先方と認識すり合わせ・スマホ用にデザイン展開・中面ページ2P制作先方と打ち合わせした内容をもとにデザイン制作に入りましたー！今回はレスポンシブのWebサイトをつくります。 Webは経験あるものの、Sketchで制作＆文字が英語＆ページ数多めなの

もう迷わない！ Sketch シンボルの命名規則

先週からずっとシンボルと戦っています🌨 はやく完全理解したい！特に最初のころはシンボルの名前を何にしたらいいかで色々迷いました。これは正解なんだろうか…？と疑問を持ちながら進めるともったいないので、教えてもらった命名規則を共有していきます。ルールを決められるところは決めてデザインに集中しましょうー！プラグイン導入まずはシンボルを整頓できるプラグインの「Symbol Organizer」を入れます。 Configure Symbol Organizerを開いて

Sketchショートカットキー総まとめ

イラレで言ったら何？？？？と思うことが多くまだまだ使いこなせてないのでまとめました。段組がないのが結構面倒、、似た機能あるのかな？オリジナルのショートカットはまだ作ってないので、追加していきたいです。垂直に反転とシンボル化は入れたい。はやく全部覚えて、いちいち検索しなくていいようになりたいです。オブジェクトの挿入 R　矩形の挿入 O　円形の挿入 U　角丸四角形 L　線 T　テキスト V　ベクター A　アートボード追加文字 cmd + B　太字化

現状の疑問と自主勉強計画

今日で最初の一週間が終わりました！通勤電車が混んでないのが地味に嬉しい😇 特に今週は月曜日が祝日だったこともあり、とにかく短かったです‥！今感じていることとこれからの計画をメモします🗒 初めてやったこと・お客様とのやりとり・ラフ作成・情報設計MTG ・上記をもとに全体の方向性決め学び①要件を満たせばOKと考える相手が伝えたい意図は何なのか理解することに意識を向けがちだということに気づけたのがよかったです。自分で課題を見つけてお客さんの想像を超える提

Project StepUPスタート

16日から株式会社Futurizeで働きはじめました。 10ヶ月で師匠の池田さんを超えるという挑戦と試行錯誤の過程を記録していきます。結果の出し方、深さや繊細さのライン、日々どんなことを考えて仕事に取り組んでいるかなど学んだことはすべて共有していくつもりです。出社してみて最初に感じたのは、みんなめっちゃ自転車好きだな‥ということです🚲 プロジェクトの概要はこちらからきっかけとなぜ学びたいと思ったかきっかけはおそらくTwitterでした。だれかが池田さん

デザインを作成するときに参考にしている既存のサービス集

こんにちは！デザインを作成するときは何を参考に作成されていますか？僕は実務で2つのサービスのUIデザインを担当（2つ目進行中）させてもらいましたが、やはりまだまだ引き出しが少ないので頭の中でイメージはできていてもなかなか形にはできません。例えば、欲しいコンポーネントがあるときなどもイメージはあってもそれがどのサービスに使われているか、どんな探し方をすればいいか分からず悩むことが多々ありました、、、とにかくたくさん既存サービスに触れ、トレースなどして引き出しを増や

ファシリテーション能力の重要性

こんにちは！ ProjectStepUPが始動してもうすぐ2ヶ月が経とうとしています、、、早い。 1ヶ月ほど前に、実務に携わってみて分かったデザイナーとして大切だと感じたスキルについて（コミュニケーションやスケジュール管理）のnoteを書きました。まだまだ現在も挙げたらキリがないくらい次々と必要なスキルが出てきています。そこから1つ、とても重要だと感じたファシリテーション能力について書き留めておこうと思います。ファシリテーションとは？ファシリテ

【駆け出しデザイナー】今週読んだオススメnote

こんにちは！以前書いた、”駆け出しデザイナーが実務で生きる為に参考にしているnote”が思いもよらず反応がありました。 noteのまとめって意外に書いている人少ないんでしょうか？とりあえず需要ありそうなので、これからもちょこちょこ自分が読んでいて参考になったnoteなど、時にはデザインからも飛び出して紹介してみようと思います〜！最近投稿されたものだけではなく、色んなところから探して読んでいるので時系列関係なく紹介します。今回は、ここ最近読んで特に気になったnot

UIデザインの勉強始めたい！まずは何からすべき？

こんにちは！今回は最近UIデザインに興味持って調べ始めた、UIデザインって興味あるけどどうやって学ぶの？など超初心者向けに（その層が自分のnoteに辿り着いてくれるか分からないですが、、、）自分がUIデザインに興味を持ってからのことを思い出してみました。デザインに興味を持ちはじめて、まずはなにをしましたか？学校やスクールに行くにしろ、独学で勉強するにしろ、まずは情報収集すると思います。自分もGoogleやTwitterでUIデザイン、UIデザイナーにまつわる検索ワ

#UXデザイン