Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS

プレゼンテーションデザイナーとしてお仕事をする中で最も多いのが、モーションを組み込んだPowerPoint製作のお仕事です。静止画としての資料とPVのような動画のちょうど中間で、話に合わせて動きが加わることで聞き手の視線を自然に誘導することができるスクリーンに仕上がります。このパワポモーション技術を遊びに全振りしてできたのがこういうのなのですが、実際にビジネスで使うモーションはもっとミニマルで端正なものが多いです。 仕事を続ける中で、ビジネススライドで使いやすいモーションがだいぶ貯まってきたので、今回アーカイブ化がてら1個単位でプリセットにしたパワポデータを作ってみました。このデータを無償配布します。 データはこちらからダウンロードください。 MotionPreset2022.pptx ダウンロード、ご自由にどうぞ。 中身はこんなふうに、全60のモーションプリセットが入っています。簡単なア

Bring your app to the next level with Tricks 🪄 our library of 300+ tactics to boost your app growth & UX. Check it out!

堀井義博 @yoshihirohorii どんなものでも整然と並べるだけで「デザインされた」ように見える。 この認識は倒錯で、そもそも「並べること」がデザインなのだから、 何かが整然と並べられている状態は、デザインされたように見える は端的に同語反復である。 堀井義博 @yoshihirohorii この倒錯は、例えば列柱表現だとか、同じモチーフを整然と反復させるデザインだとか、ひたすら同じ材料で仕上げを統一するだとか、そういう類のものを見た時に お、デザインされてるな って思ってしまう感覚に、端的に現れる。

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

Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ アイコンのリソース Clarity -アイコンは分か

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

by rawpixel.com プロのデザイナーであるAnna Mészáros氏は、家族や友だちからウェブサイト・履歴書・ポートフォリオ・FacebookやInstagram用の写真・YouTubeのサムネイルなどを作る際のアドバイスをよく聞かれるとのこと。Mészáros氏がそんな経験から気づいた「デザイナーではない人がデザインする上で大切なこと」を4つのシンプルな基本原則にまとめています。 Fundamental design principles for non-designers – freeCodeCamp.org https://medium.freecodecamp.org/fundamental-design-principles-for-non-designers-ad34c30caa7 ◆原則1：はっきりとしたコントラストを作る 人は「少し違うが、少ししか違わない」も

まとめ 誰だか知らないが、この展望台のデザインした奴は天才だなと思った。これが『デザインの勝利』なんだよ。 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき 133843 pv 526 107 users 1394 ニカイドウレンジ @R_Nikaido 「デザインの勝利」が可視化されないのは、優れたデザインは空気のように透明な存在だから知覚されなくなってしまうからだと思う。個人的に凄いデザインだと思うのは ・鍵を閉めないときは自動的に開放状態になるトイレのドア ・鍵を閉めないと扉から鍵が取れないロッカー この2つは凄いなと。 2018-04-04 10:21:45 ニカイドウレンジ @R_Nikaido 「鍵を

2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法　～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

これは「Board Game Design Advent Calendar 2016」1日目の記事です。 オインクゲームズのボードゲームのコンポーネントは、アートワーク重視だと思われがちです。しかし、実際はプレイアビリティを最も重視してデザインしています。その結果、逆算的にあれらのユニークなコンポーネントたちが生み出されているのです。もちろん、あの独特のサイズの箱に収めなければならないという制約はあるのですが、その中で最大限、プレイしやすいコンポーネントとは何かを考え抜いて作られているのです。今回は、そのデザインについて少しご紹介します。（弊社代表である佐々木隼がデザインした仕事を、それをよく隣で見てる筆者が紹介します） 視覚的に伝えるデザイン コンポーネントという特殊で小さな物体の上には、本やWebのように大量の情報を載せられるわけではありません。そこで、必要な情報や、伝えたい様々な事柄

サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。

いつも思うんだけど、100均とかに売ってる安っちい商品とかって、カスみたいなデザインだけど、 ああいうのも一応新商品会議とかあって、だれかプロダクトデザイナーとかが入ってデザイン決めてるんだよね？ ああいうダサくて蛇足なデザインって意図的にやってるんじゃないかなと思ってるんだけどどうなんだろう。 あえてイイ物に見え過ぎないように、ある意味100均らしい商品になるようにデザインしてるんじゃないかな？ そういうダサいデザイン専門のデザイナーとかいるのかしら？ それとはあんまり関係ないけど、なんで日本の製品って本体にベタベタ余計なシール貼るんだろう。 PCとかにインテルはいってるとかグラボのバージョンとか、そんな情報必要？ 空気清浄機のマイナスイオン放出中とかそれ要る情報？ 炊飯器のなんちゃらコート釜！とかそういうのって本体に書いておかなきゃいけないの？ パッケージとか説明書にいくらでも載ってる

市販薬の種類の増加がめざましい。 ちょっと鼻水が、と思って薬局に行くと色とりどりの薬たちに出迎えられる。 有効成分だ、イオンの力だ、即効性だとパッケージに魅力的な宣伝文句が踊り、もうどれを選んだらいいのやら！である。 そんな中、頑なに渋いデザインで勝負し続ける薬たちがある。 強く主張しないのに何だか効きそうなフンイキのあのパッケージ、あれで包めば何でも効くように見えるのではないだろうか。