記事一覧
Barで出会ったスタートアップのためにデザインを作った話
飲み屋で「Webサービスのデザインどうしよう」と嘆いている方がいたので、 Adobe XDで速やかにプロトタイプを作ってみました。
今回の記事ではAdobe XDを使ったデザインプロセスについて紹介していきます。
目次
・きっかけ
・ヒアリング
・ムードボード：Pinterest
・ロゴ：Illustratorとの相性
・UIデザイン：デバイスプレビュー、録画機能
・スタイルガイド：アセット、
マイクロインタラクションを活かしたコンセプトデザインの作成 @Adobe MAX Japan 2019
この記事ではAdobe MAX Japan 2019で発表した登壇資料とサンプルXDファイルを公開します。
サンプルXDファイルはじめに
今回のテーマは「マイクロインタラクションを活かしたコンセプトデザインの作成」です。
オライリーから出版されているこの本によると、マイクロインタラクションは “最小単位のインタラクション”であり、“「こよなく愛する製品」と「許容範囲の製品」の違いを生む” もの
XDでpsdやaiをリンクさせたい！CCライブラリを使った方法と注意点
はじめにみなさんXD使ってますか？XDって
みたいなイメージありますよね。サービスやアプリのUIには便利そうだけど、例えば↓こんなデザインを作る場合、IllustratorやPhotoshopの方が向いていそうに見えます。なぜなら、
XDでデザインする場合、↓こんな風にPhotoshopで画像を補正して書き出して…Illustratorでアイコンを作成して書き出して…変更を繰り返すには、ちょっ
いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識
平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。
Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。
1. 導入と背景知識 ◀イマココ
2. 基本項目の比較
3. デザイン機能比較
4. シ
読みやすい文章のために、極力削るべき言葉リスト
最近note書く人増えましたね。新年を迎え、新たに始めてみようって人も多いんじゃないでしょうか。
仕事で文章チェックしていて、削ったほうがスマートになる言葉をいくつか書き溜めてきたので、文章デビューする人のために一挙放出しちゃいます。
「私」「僕」などの一人称
あなたが書いてることはわかっているので、入れなくても伝わる流れであれば削ってOKです。
mina最新号の表紙タイトルを見て、僕ははっ
Webデザインカンプを1から作るための説明書
こんにちは、こばやす（@kobayas_s）です。
Webサイト制作の勉強しているけどコーディングばかりしていて、そう言えばWebサイトのカンプ（モックアップの事。1枚の画像でWebサイトのデザインを表現。のちにコーディングの材料となる）の作り方ちゃんと知らないや、とかありませんか？
twitterで調査してみたところかなり方がそう思っているようです。
そんな方のために、見本入りで出来るだけ詳し
UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本
去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。
これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。
1、SNS時代のマーケティングフレームワ