こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD（以下：XD）で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか？ なぜ作れたのか？ などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方は、もろもろスキップしてこちらからどうぞ。 XDで更新しやすいテーブルができるまで XDといえばWebサイトなどの画面デザインのためのソフトというイメージですが、その使い勝手の良さから、デザイン以外の場面でも活用する機会が増えてきました。たとえばLIGのアカウントプランナーのノブさんは、企画書（提案書）をXDで作られるそうです。

突然ですが、ここに一つのプロダクトがあるとします。 そのプロダクトを見つめる視線には様々な種類があります。 そのプロダクトを利用しているユーザーの視点、利用していないが存在は知っているという人の視点、それをつくるデザイナーの視点、プロダクトを運営している会社経営者の視点… もしあなたがデザイナーであれば、デザイナーの視点だけが唯一自分で体感できる「主観」で、それ以外はすべて「客観」となります。 主観と客観のスイッチング プロダクトデザイナーはユーザーの期待通りに正しく動くしくみを設計し、「このプロダクトを利用した時に、ユーザーの生活はどう変化していくのだろうか？」と問いを立てながらアウトプットを評価していきます。 自らの考える理想像をデザインしながら、一方でそれに触れるユーザーの様子を想像する…プロダクトデザイナーは主観と客観を電気のスイッチのように瞬時に切り替えることに長けた人が多いイメ

デザイン会社の経営者として、これまで数多くのデザイナーと接してきた。その中で、どのようなデザイナーが活躍するのか、成長するのか、そして成功できるかのパターンが分かってきた。 デザイナーの価値を左右するのは非デザインスキルだ！実は、重要なのは、”デザイン能力” だけではない。むしろ、デザイナーが成功するには、デザイン能力と同じぐらい、もしかしたらそれ以上に大切なスキルがある。 逆にデザイン力がめっちゃ高いのに、非常に残念な状態にハマっているデザイナーも見てきた。それらを踏まえ、デザイナーに求められる8つの非デザインスキルを紹介する。 なぜ日本ではデザイナーの地位が上がらないのか？~海外デザイナーとの比較~ デザイナーとして成功するために必要なデザイン以外の8つのスキルでは、どのようなスキルがデザイナーにとって重要になってくるのか。これまでの経験とこれからの時代の変化を考えると、下記の8つのス

デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円滑にプロジェクトを進めることができます。お気に入りのツールをワークフローに取り入れ、より快適で、スピーディーな制作を目指しましょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. アイコンツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ We

【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新 こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から 「どこから画像を引っ張ってくればいいかわからない😭」 「日々の情報収集どうすればいいの？🤔」 という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ！」というのがあればぜひコメントで教えてください！ 日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し

以前Twitterで投稿した内容を少し深掘りし、バナーがどれほどの経済効果を生んでいるのかを解説したいと思う。 ご注意 : 登場する数値は「実数値ではなく編集した目安」の数値です。弊社顧客の数値とは関係ありません。 はじめにTwitterではクリック率とCV数(購入数)を書きましたが、そこから掘り下げて広告に対しての費用対効果まで考えてみます。 ・数は獲れるが赤字になる ・効率は良いが数が足りない この２点は「目標数値からの逆算」をしながらバランスをとるしかありません。１ヶ月間の目標のために週の目標とタスクを決め、最適解を探し、その積み重ねが事業の年間目標の達成に繋がると考えています。 どんなバナー作った？１　化粧品を持っているだけの「手に持っただけバナー」 トリミングしただけなので作業時間は5分ほど ２　綺麗なイメージカットや価格/コピーも入れた「バナーっぽいバナー」 構図と配置バランス

企業が成長していくにあたって絶対に欠かせない「マーケティング活動」ですが、 自社にあった「最適なマーケティング」ができているかを見極めるのは、 なかなか難しいのではないでしょうか？ 実際に、業態やサービスだけでなく予算やリソースによっても マーケティングの内容は変わります。 ですが、ある程度の方向性を定めることは可能です。 マーケティングは、BtoBマーケティング・BtoCマーケティングに大きく二分されます。 このBtoCマーケティングとBtoBマーケティングの概要と違いを理解することで、 自社のマーケティングの方向性を見出し、正確性をぐっと高めることができます。 今回は、BtoC・BtoBマーケティングの概要に加えて 今すぐ実践できる施策や最新ツールまでを徹底的に紹介させていただきます。 自社にとって「最適なマーケティング」を確立にお役立ていただけますと幸いです。 BtoCマーケティング

温厚な僕ですが、高校生の頃はかなりのツッパリで、牛丼にかける醤油の量であらゆる人にマウントをとっていた時期がありました。 もちろん無敗です。 「最強」という称号と引き換えに腎臓にダメージを追いましたが無敗です。 とまあ武勇伝はさておき、どうも、サプライズ栄作です。 今回のnoteはAfter Effectsを今から学ぼうとする方や、初めたけどまだわからないといった方向けの内容です。 タイトルにもあるように初学者向けにアフターエフェクッの再生リストを作ってみました。 After Effectsでの映像の作り方は、先人の方々が時間を割いてチュートリアル動画をアップしてくださっています。感謝しかありません。 そして、ここだけの話、なんと無料で見れます！ とはいえ、色んな人のチュートリアルがあります。 「なにから学べば良いのか？」「この方法であっているのか？」など 色々な疑問もでてきます。 また多

こんにちは。UIプロトデザイナーのノムラです。 UIプロトデザイナーて何やねん、て思った人は https://goo.gl/5eDMnL をどうぞ。 しばらく前からなのですが、受託でデザインする人間は 「なくてはならない存在になってはいけない」と思っています。 ここ10年くらい、へっぽこフルスタックデザイナーとして生きてきました。 “フルスタック”と言ってみましたが、実際は無軌道に全力疾走してたら何だか色々身についてた、という具合です。 基本的に、予算と納期が無茶でなければ選り好みせずに仕事受けてきました。 ビジュアル作りもUI設計もフロントエンド実装も。調査とか講習会とかも。HTMLもCSSもJSもActionScriptもXAMLもC#もVBもJAVAもPHPもSwiftもMovableTypeもWordPressもAngularも。仕様書作成もテストも。 多様な領域をそつなくこなして

デザインの正解は、なんだかんだ現場によって作られている。じゃあデザイナーである私はどうするのが正解なのか考えた。 エンジニアばっかりのベンチャーに入った当初、ことごとく自分のやりたいデザインが通らなくて、悩んでいた。 言語化が下手くそだったこと、ベンチャー立ち上げ当初にしては経験が浅く、自分だけで完結する細部の調整ばかりに目がいっていたことが原因だったように思う。 毎日、上司とやりとりするもののデザイン案を通すことができず、自分を全否定されたような気分になっていた。「自分は全部が間違っている」と思い込み、基準が揺らぎ、どこにももたれかるところがない空間でふらふらしているような、不安でいっぱいの日々だった。 実は、あの頃考えていたデザイン案やUIの修正案を、タイミングを見計らって実現する作業を２年経った今、やっと進められている。考えていることは、ほぼ変わっていない。どの案がいつ実現できるかと

当サイトはフリーランスでWeb制作や動画制作をするクリエイターの備忘録なメモサイトです。 Webサイト制作で気になった事、動画撮影や動画制作で気になった事、また個人的に気になるでき事、日常の事などを気ままに勝手に書き綴っています。 WordPressを納品する時に またWordPressネタです。 今回は、WordPressで制作したサイトをクライアントに納品するときに、ぜひ設定したい項目です。 WordPressは、簡単にサイトのデザインなどを変更できて非常に便利です。 しかしWordPressの設定・HTML・PHP・CSSなどの操作が不慣れなクライアントに触って欲しくない項目がありますよね。触れてほしくない項目は、事前に管理画面から消しておきたいです。 WordPressを理解しているなら触っても問題ないのですが、いろいろと触ったせいで表示しないとか、動かなくなったとかの作業が増え、

＜忙しい方・面倒くさがりの向け＞野菜不足を手軽に補えるジュース類や青汁まず初めに、手軽に野菜や栄養素がとれるものを紹介していきます。 手軽だからと言って効果が薄いわけではありませんので是非参考ください。 ふるさと青汁 健康維持だけでなく美容も取り入れたい方におすすめの青汁です。 「明日葉」と呼ばれる野菜が使われているのですが、ケールの2倍近くのビタミンを持ち、女性が不足しがちな栄養素であるミネラル・カリウムが豊富に含まれています。 野菜不足を感じている方におすすめできる青汁ですので、興味のある方は以下より詳細をご確認ください。 ふるさと青汁公式サイトへ 野菜ジュース・青汁の歴史は長い青汁の起源と呼ばれているものが平安時代の書物「医心方（日本に現存する最古の医学書。）」に記載されているようで、植物の葉を利用した汁といった記載があり、これがそうだと言われています。 平安時代（永観2年（984）

TomはWalmartやT-mobile、Wells Fargoなどをクライアントに持つデザイン会社、BitoviのUXデザイナー。 デザインについて話すのは簡単なことではありません。デザイナーはステークホルダーに判断の正当性を説明しなければなりませんが、納得させられる力を持ってる人はほとんどいないでしょう。 デザインの決定をわかりやすく説明する能力は、プロジェクトが成功するか否かに密接に関係しています。なぜなら、往々にして一番明確にアイデアを伝えられる人の案が採用されるからです。 実際、一流のデザイナーとそうでない人との違いは、デザインの問題を解決する能力だけではなく、提案したソリューションがどう問題を解決するのかはっきり説明し同意を得る能力にも現れます。 デザイナーにコミュニケーションスキルが必要な理由 最近、企業や組織ではデザインに対する考えと取り組み方が変わってきています。これまで

WEBのシステム開発を体験する為の動画サービスです。下記のような課題を持っている人（主に初学者さん）に向けて提供しています。 WEBのシステム開発をしてみたいけれど、何から始めていいのかわからない。 WEBのシステム開発の全体像を掴むことができない。 困った時の調べ方や、問題解決の方法がよく分からない。 Railsチュートリアルの壁が高過ぎて越えられない。もう少し優しいのが欲しい。 小さなWEBアプリケーションを作成するのを真似しながらWEBサービス開発の流れを体験できるものです（もちろん実際に自力で作れるようになるにはこれらに加えて学習が必要となります）。 開発の流れを見てゆくことができますので、ここで疑問になったことを調べたり学んだりしてゆくためのキッカケや、道しるべ的にご活用ください。講師が綺麗に説明し切ることを目標としてはおらず、開発現場で実際に問題解決しながら進めていることを読み

Google『お ま た せ』 ついに来ました。以前Ledgeでも紹介し、リリース予告だけで業界を激震させたABテストツール『Google Optimize』無償版公開です。（ベータ版だけど誰でも使える） とりあえずLedge編集部でソッコー触ってみたので、以下「何ができるのか？」と「どう活用するのか？」のまとめとなります。 できない事って逆に何？至れり尽くせりな無償開放 まずは気になる「何ができるんだっけ？」てとこですが、なんと『有料版とほぼ遜色なし』て感じでした。つまり、以前の記事でお知らせした以下の機能がほぼフル装備状態での無償開放になったようなんです。 ※作れるエクスペリエンス数に制限はあるけれど とりあえずできることリストGoogle Analyticsタグにちょっと加工してURL指定すればOK表示された画面をドラッグ＆ドロップ、直接コード編集でいじってテスト作成変更履歴は全部残

漫画やアニメの主人公になりたいあなたにぴったり！自分の能力をスマートに説明する方法を教える、能力者必見の自己PR講座！ みなさんこんにちは！ 講師の天本です！どうぞよろしく！ みなさんは普段自分の能力をどういう風に説明していますか？ 「僕は炎を操れるけどどうやってそれを相手に伝えたらいいか迷っている…」 「『私は分身で本体は別の場所にいる』ということを上手く説明したい…」 「この呪いを説明するといつも長くなってしまって…」 そんな悩みを抱えてはいませんか？ 能力者たるもの自分の能力はなるだけカッコよくスマートに説明したいものです そこで今日は 能力者のための自己PR講座をお送りします！ この講義をしっかり聞いてより良い能力の説明法を身につけましょう！ 先生！質問いいですか？ はいどうぞ！ そもそも能力者じゃない人はどういう気持ちでこの講義を聞いてればいいですか？ 能力者になってください め

当メディアに寄稿をしていただいている熊代亨氏から、本を贈っていただいたので読んでみた。 タイトルは『認められたい』 面白い本だった。 内容で私が特に気になったのは、「手っ取り早い承認を求める人々」について書かれている部分である。 熊代氏は、本の中で 「ゲームやキャバクラなど、手っ取り早く承認欲求を満たせることばかりに時間を使っていると、身につくスキルがひどく偏ってしまって、将来を生きていくためのスキルがロクに身につかないまま、歳をとってしまう」 と述べる。 ＊＊＊＊＊＊ 承認欲求と言えば、一昔前のある人物を思い出す。悪い人ではなかったが、1つだけ褒められないクセがあった。それは 「仕事を抱え込んでしまうこと」 だった。 若手で経験も浅かったその人物は、自分が引き受けられる以上の仕事を「褒められれたい」「失望されたくない」という理由で引き受けてしまい、結局後で問題が発覚する、ということもしば

このサイクルにはどんな体験が必要だろう？2017年2月15日に開催される「UX JAM & UX Sketch 」にパネルとして登壇するので、事前にいただいたテーマの中から「(UX)デザイナーとは？」「ビジネスとデザイン、どちらが大事？」の2つのトピックについて、自分の考えをまとめておきます。 (UX)デザイナーとは？これについては「事業におけるUXデザインとは？」を定義して、答えにしたいと思います。 仮説コンセンサスのためのモデル化事業においては、ゴールに向かって経営資源やメンバーの人生を賭けるに足りる「仮説のコンセンサス」をつくる必要があります。 コンセンサスのための方法は、天才社長のコンセプト・マーケットリサーチ結果・新発見の理論・俺達の想い！など、なんでも構いませんが、複雑な仕組みや概念をシンプルに捉えるための方法として「(概念)モデル」があります。 例えば「ビジネスモデル」だと