マガジンのカバー画像

デザイン/UI/UX/図解

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

記事一覧

Figma + STUDIO で新規事業のLPを作ったので、プロセスを公開します。

Figma + STUDIO で新規事業のLPを作ったので、プロセスを公開します。

スマートキャンプのハグリです。
弊社では、Biscuet(リリース後BALES CLOUDに名称変更)という新サービスの事前登録を6月5日(水)に開始しました!

Biscuet(BALES CLOUD)とは?
営業活動を効率化する、インサイドセールスの最適化を実現するツールです。詳しくはLPをご覧ください。

本記事では、新規事業のLP作成時に考えていたことやプロセスを、Biscuet(BALE

もっとみる
Figmaでbootstrapを作ったので無料配布します。

Figmaでbootstrapを作ったので無料配布します。

仕事でbootstrapを使う機会があったので、これを機にfigmaでbootstrapデザインテンプレートを構築しました。Figmaとbootstrapの相性と生産性はめちゃくちゃ良いと感じてます。

エンジニアさん御用達!みんな大好きbootstrapは優れたコンポーネントを提供しており、その優れたbootstrapコンポーネントを共有&共同作業に特化したFigmaで事前にコンポーネント化し

もっとみる
Figmaの使い方、全力でまとめました。

Figmaの使い方、全力でまとめました。

最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。
私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。

導入編アカウント登

もっとみる
Figmaにおけるコンポーネントとバージョンの管理について考える

Figmaにおけるコンポーネントとバージョンの管理について考える

まだ完結していないシリーズの途中ではあるのですが、ちょっと早めに自分の備忘録としてまとめておきたかったので先にこちらを書いてしまいました。

相変わらずの文章量なのですが(ちゃんと読むのに15分は確実にかかります)、お時間ある方は読んでいただけると嬉しいです。そして、内容についてはまだ実験段階な部分が多いので、フィードバックを貰えると非常に助かります🙏

1.命名規則とコンポーネントの単位につい

もっとみる
whimsicalなら、綺麗なフローチャートが簡単に作成できるぜ

whimsicalなら、綺麗なフローチャートが簡単に作成できるぜ

まとめWhimsicalは人によっては課金して使う価値のあるサービス。無料版で使う人は4シートまでしか保持できないので、更新不要なチャートとかに使うのが良さげ。

本文diagrams.netの代わりになるサービスがないか検索していた時に見つけたのが「whimscal」なんですが、簡単に綺麗なフローチャートが作成できます。例えは以下は2,3分で作成したフローチャートです。

マジですごくない?

もっとみる
Figmaでインスタグラム投稿のテンプレート素材を作ったよ(全26種)

Figmaでインスタグラム投稿のテンプレート素材を作ったよ(全26種)

※記事末尾よりダウンロードできます

こんにちは、インスタグラムが苦手なデザイナ 三上蒼太です。

今でこそ「インスタ映え」という言葉は古くなりましたが、3年ほど前「インスタ映え全盛期」だった頃はインスタに力を注ぐ自分がいました。自分なりに"映え"の研究をして、統一感ある画像を1ヶ月継続投稿できるよう用意しました。それを毎日、定時に、1日3枚ずつ投稿したのですが全くいいねもフォロワーも増えませんで

もっとみる
Figmaで使えるスライドテンプレートを作ったよ【無料配布】

Figmaで使えるスライドテンプレートを作ったよ【無料配布】

こんにちは。
Figma Advent Calendar 2019 の2日目です。
株式会社アトラエでデザイナーをしています、三上蒼太がお贈りします。

主題の通り、Figmaで使えるスライドテンプレートを作りました。

DLはこちらからどうぞ👇

中身を見たい方はこちらから👇

どんなテンプレページがあるの?シンプルverと、モダンverを作りました。

装飾は少ないけれど洗練されていると言

もっとみる
デザインが参考になる決算説明資料・採用資料14選

デザインが参考になる決算説明資料・採用資料14選

資料・スライドデザインの勉強をしようと思い、色んな会社の決算説明資料や採用資料を読み漁ってました〜!
せっかくなので、いいなと思った資料を紹介したいと思います☺️

スライドデザインのTIPSその前に、スライドデザインをする上で参考になった記事やTIPSを紹介します。

〜 よく使うショートカット 〜

◎ 最背面・最前面に移動
□ Googleスライド:Command + Shift + ↑ /

もっとみる
【完全保存版】PowerPoint Reference Book 2021

【完全保存版】PowerPoint Reference Book 2021

みなさんこんにちは。
資料デザインのリサーチや分析に取り組むパワーポイントのスペシャリスト、パワポ研です。日々noteやTwitterでパワポに関する情報発信をしています。

この度、パワポ研が日々リサーチしている膨大な資料の中から、特に参考にしたいパワーポイントを、タイプ別に集めて一冊にまとめた「PowerPoint Reference Book 2021」が完成いたしましたので、是非とも皆様に

もっとみる
#HRを図解します|人事・組織の図解まとめ10選

#HRを図解します|人事・組織の図解まとめ10選

物事の本質を深く理解するためには次の3つが大切だと考えています。

1. 部分ではなく全体を知る
2. 全体の構成要素の相互的つながりを知る
3. 主要な構成要素を見極める

つまり、

全体を知り、繋がりを知り、削ぎ落とす。

この"思考のクセ"が物凄く重要です。

その"クセづけ"のために、私は何か深く理解したい事象や対象物があったら、まず紙に絵を描いてみる。同じ要素を囲んだり、関連し合う要素

もっとみる
【著名VCのピッチテンプレ集】YCombinator、SEQUOIA、First Round、500startups

【著名VCのピッチテンプレ集】YCombinator、SEQUOIA、First Round、500startups

 こんにちわ。ZVentureCapital大久保(@koheei_okubo)です。今回は、海外著名VCによるピッチ資料のテンプレートをご紹介します。これから資金調達に回られる起業家のご参考になればと思います。また、「上場企業から学ぶバズったピッチスライド」「プレゼンは魅せ方が鍵~資料作成に役立つIR資料~」では、プレゼンの要素ごとに参考になるスライドを多数掲載しているのでご参照ください。

Y

もっとみる
広告で学ぶ!デザインの基本原則

広告で学ぶ!デザインの基本原則

「デザインをどうやって勉強すべきか?」WEBやグラフィックのデザイナーを目指している人に共通の悩みだと思います。

「デザインの技法」については、結構書籍も出てきています。しかし、デザイン勉強中の人が、技法とデザインと結び付けて考えるのは難しいようです。

そこでTwitterの投稿「#広告からデザインを学ぼう」シリーズで紹介した、レイアウトや配色などの「デザインの基本原則」をnote用にまとめま

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

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

nanocolorの川端(@nanocolorkwbt)です。

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

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

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

もっとみる
ターゲット設定→クリエイティブ制作→検証テストまでの10STEPワークシート

ターゲット設定→クリエイティブ制作→検証テストまでの10STEPワークシート

こんにちは。nanocolorの川端(@nanocolorkwbt)です。

不安定で正解がなく複雑で曖昧。お客様目線が大切と言われますが、これってとても難しくないですか?

年齢や趣向、ライフスタイル、抱えている悩みだけで人を理解しようとしても到底無理です。大げさな表現をすれば人生の歩み方によって選択するものは大きく異なります。その事に気づいた時、今まで仕事で作っていたターゲット像ってどれほど曖

もっとみる