ノンデザイナーでもできる。直感的で使いやすいUIの設計方法

2024/07/01 267 users 背景 アプリケーション 増加 発展 ノーコード開発ツール

本セミナーでは、デザインやITの知識を持たない方でも直感的で使いやすいUIの検討（アプリケーションの画面設計等）を行える方法論をご紹介します。 DXに取り組む企業の増加、ノーコード開発ツールの発展などの背景から、最近、デザインやITの知識をほとんど持たない方が業務用アプリ等の画面をつくる機会が増え… 続きを読む

簡単だけど、デザインがすごく良くなる！デザイナーによる思考プロセスを丁寧に解説した良書 -デザイン力の基本 | コリス

2019/08/09 79 users コリス 良書 デザイナー 思考プロセス デザイン

デザインの基本を自分のデザインに使えるようになるデザイン力を身につけることができるデザインの良書を紹介します。 プロのデザイナーによる思考プロセスをデザインの原理原則をもとに、実際のデザインでの改善例を見ながら、詳しく丁寧に解説された一冊です。デザインの初心者やノンデザイナーの方に特にお勧めです。... 続きを読む

Webデザインをセンスに頼らず、感覚で判断せず、ロジカルに取り組むためのデザイン書 -ウェブデザインの思考法 | コリス

2019/05/31 104 users コリス ウェブデザイン ロジカル センス 善し悪し

ウェブデザインの善し悪しや品質は、感覚的に語られ決定されてしまうことがあります。例えば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういう経験はありませんか？ ウェブデザインの要素や見せ方における機能性・情緒性をロジカルに解説したお勧めのデザイン書を紹介します。ノンデザイナー... 続きを読む

ノンデザイナーのためのコンセプト & ロゴ作り実践講座 feat. savanna.io // Speaker Deck

2018/03/24 116 users Event techplay.jp https Day 1

Rails Developers Meetup 2018: Day 1でお話させていただきました。 https://techplay.jp/event/639872 こちらがSavannaです: https://savanna.io/ 続きを読む

ノンデザイナーでもイケてるLPを作成する方法 - Qiita

2018/01/03 181 users Photos Qiita 一朝一夕 CSSコーディング イケ

あけまして おめでとうございます はじめに イケてるは誇張かもしれませんが社内にデザイナーがいなく、 エンジニアにランディングページを作ってと振られたときのケースを想定して ノンデザイナーでも体系的にCSSコーディングすることでそれっぽいランディングページを作成できることを目的としてます。 デザインは一朝一夕でできるものではなく、ブランディングに関わる部分の画像に関しては、商材の撮影やPhotoS... 続きを読む

その資料ちゃんと伝わってる？ノンデザイナーに贈る、3つのポイントで格段に伝わる資料になる方法 - Qiita

2017/12/20 52 users みなさん 普段 プレゼン デザイナー エンジニア

みなさん、こんにちは！ エイチームライフスタイルアドベントカレンダー2017 の21日目の 今日は 株式会社エイチームライフスタイル のデザイナー @mgmg121 が担当します。よろしくお願いいたします はじめに みなさんは業務や勉強会でスライドの資料を作成することはありますか？ 私は普段、社内で営業やエンジニアのプレゼンを聞くことが多いのですが、話すのが上手い人、言語力が優れた人が多いためか「... 続きを読む

ノンデザイナーでもできる！イケてるロゴの作り方 - tomokortn

2017/12/01 68 users CAMPHOR 知見 イケ 受託制作 ロゴ

2017 - 12 - 01 ノンデザイナーでもできる！イケてるロゴの作り方 CAMPHOR- Advent Calendar 2017 の 1日目 の記事です。 CAMPHOR-で運営メンバーの @tomokortn です。今日22歳になりました 大学2回生のときにひょんなことからデザインを始めて、何度かロゴの受託制作をしました。 今までの知見をまとめて、「ノンデザイナーでもできる！イケてるロゴ... 続きを読む

デザインでつまずかない！ノンデザイナーのための基本ルール10個まとめ - PhotoshopVIP

2017/08/17 95 users 最初 順番 コントラスト 白黒 配色カラーパレット

コンテンツ目次 1. コントラストを活用しよう。 2. 「黒に近い黒」が「黒」よりも読みやすい。 3. 重要なコンテンツを最初に。 4. すべてのものを整列させよう。 5. 文字サイズと文字スペースに気をつけよう。 6. 検索結果の順番が重要なときは「リスト表示」。 7. まずは白黒でデザイン、あとから色を追加しよう。 8. 快適なデザインを目指そう。 9. 素敵な配色カラーパレットを使おう。 1... 続きを読む

流行りのGoogleマテリアルデザインがすごい件 - LITERALLY

2017/04/01 865 users Literally Googleマテリアルデザイン スゴイ

2017 - 04 - 01 流行りのGoogleマテリアルデザインがすごい件 今更だけど「マテリアルデザイン」がスゴイ。デザイナーだけでなくノンデザイナーもその考え方を知っておく価値があると思う。 マテリアルデザインは2014年〜Googleが提唱している考え方だ。主にアプリやWebサイトに採用される。Googleのサービスにはだいたいマテリアルデザインが採用されている。はじめの一步としては「マ... 続きを読む

ノンデザイナーでもできる！イケてるスライドの作り方【テンプレ付き】

2016/12/18 53 users あんみつ デザイナー 前回 テーマカラー デザイン

こんにちは、デザイナーのあんみつ（ @murata_atsumi ）です。この記事は CAMPHOR- Advent Calendar 2016 の18日目の記事です。 2年前から始めたあんみつの #デザインについて雑に教える シリーズ第二弾としまして、 今年はスライドの作り方をご紹介したいと思います！（ちなみに前回は、はてぶ586 Usersです！） まずはじめに決めること３つ １）テーマカラー... 続きを読む

デザイナーが実践してきた『誰にでもできる』センスの磨き方 - OMGmag

2016/08/25 433 users OMGmag デザイナー センス 磨き方 原点

2016 - 08 - 25 デザイナーが実践してきた『誰にでもできる』センスの磨き方 デザイン Twitter Google Pocket 近年「ノンデザイナー○○」といった本が多数出版されているのはご存知の方も多いかと思います。この事からも分かるように、これまでデザインを必要としなかった人たちにも、 クリエイティブ思考が求められる機会が増えてきました。 クリエイティブ思考の原点は 「センス」 ... 続きを読む

アプリのUIデザインと配色パターンまとめ（非デザイナー向け） - Qiita

2016/02/25 392 users Qiita UIデザイン アプリ プログラマー iOSアプリ

はじめに 私は主にiOSアプリのプログラマーなのですが、デザインまで一緒に頼まれる事があります。 デザイナーじゃないので１からデザインをしていくなんて到底無理です。 そんな時にノンデザイナーの方でも良い物を作るために UIデザインのギャラリーサイトと配色パターンを決める便利なサイトをご紹介致します。 基本他のアプリを 真似 参考にするといい感じにできちゃうかもしれません。 Web系開発の方も配色パ... 続きを読む

ノンデザイナーでも押さえておきたい！レイアウトに関する5つのデザインのルール | creive【クリーブ】

2016/01/09 74 users 名刺 反復 整列 セオリー 近接

広告やチラシや提案書を作成する時、また名刺やWebサイトをデザインする際にも、無造作に文字や画像を並べるだけでは綺麗で見やすいものにはなりません。 配置する要素の関係性を考慮した上で、近くに置くのか、揃えるのか、コントラストで見た目の変化をつけるかなど一定のルールや基本、セオリーをもってデザインを行えば、わかりやすく綺麗なレイアウトになります。 そこで今回は、レイアウトに関する “近接、整列、反復... 続きを読む

必見!ノンデザイナーがデザインの基礎を学ぶための記事9選！！ - またろぐ

2016/01/07 91 users デザイ 必見 基礎 参考 デザイン

2016 - 01 - 07 必見!ノンデザイナーがデザインの基礎を学ぶための記事9選！！ まとめ シェアする Twitter Google+ Pocket 私自身デザインをしっかり学んだことはありません。 そこで、私を含めノンデザイナーの方などが参考にできるような記事をまとめてみました。 デザイン基礎 まずはデザイン関係初心者が読むべき記事をまとめた記事のご紹介です。 これらを読むことで、デザイ... 続きを読む

ノンデザイナーでもイマドキの配色が作れる！無料のカラーパレット8選｜ferret [フェレット]

2015/09/18 193 users Ferret フェレット いまどき 配色 無料

カラーパレットを利用するまえにカラーコードの基本を知っておこう 基本的に、Web上で使われる全ての色には番号が振られており、色ごとに振られた番号をカラーコードと呼びます。 カラーコードは6桁の英数字で構成され、全部で256色あります。 一度使った色を再び使いたい場合は、カラーコード単位で記録しておくと感覚頼りになることもありません。 特に、複数色の微妙な組み合わせが肝となる配色パターンを形成する場... 続きを読む

ノンデザイナーでもセンスがあると言わせる7つのデザインのコツ | クリエイター | エンジニア・Webデザイナー向けのウェブマガジン scrmble

2015/08/04 50 users ウェブマガジン scrmble クリエイター センス コツ

センスがなければいいデザインができないと思っていませんか？ いえいえ、そんなことはありません。 もちろんセンスがあるにこしたことはありませんが、コツを抑えればノンデザイナーでもセンスがあるデザインと言わせることはできます。 ノンデザイ...センスがなければいいデザインができないと思っていませんか？ いえいえ、そんなことはありません。 もちろんセンスがあるにこしたことはありませんが、コツを抑えればノ... 続きを読む

ノンデザイナーのための厳選デザインテクニックガイド25個 - PhotoshopVIP

2015/06/09 107 users PhotoshopVIP

海外デザインブログCanva Design School Blogで公開された「25 Epic Design Tips for Non-Deisgners」の著者より許可をもらい、要点をまとめて日本語抄訳しています。 ソーシャルメディア用のデザインを作成したり、イベント用の招待状をデザインしたりと、グラフィックデザインの世界はとても広く、多才な可能性を感じます。 フォントの組み合わせから、拡大縮小... 続きを読む

ノンデザイナーでも簡単にイイ感じのロゴを作る方法を紹介するよ - bokuweb.me

2015/05/27 132 users bokuweb.me 鬼門 ロゴ 中央 いい感じ

2015-05-27 ノンデザイナーでも簡単にイイ感じのロゴを作る方法を紹介するよ WEBサービス デザイン Tweet ノンデザイナーにとってロゴ作成は鬼門です。今回はデザインが苦手な人でもさくっと、それっぽいロゴが作れちゃうサービスを紹介します。 Squarespace Logowww.squarespace.com アクセスするとこんな感じ。中央の『LOGO NAME』にサービス名やブランド... 続きを読む

ノンデザイナーでも押さえておきたい！デザインの原理原則がわかる8つの記事 | creive【クリーブ】

2015/04/30 1270 users クリープ creive モックアップ Sketch 小手先

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 ... 続きを読む

【翻訳】ノンデザイナーのための25のグラフィックデザインのコツ | POSTD

2015/03/10 492 users グラフィックデザ POSTD 招待状 たくさん アプリ

>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザインのアプリはたくさんあります。 ペ […]>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザ... 続きを読む

ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ｜Ferret [フェレット]

2015/02/22 688 users 追加 デザイナー なか ホームページ 工数

ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成で... 続きを読む

ノンデザイナーでもできる！写真を使ったイケてるメイン画像の作り方 - CAMPHOR- Tech Blog

2014/12/19 574 users CAMPHOR- Tech Blog メイン画像 作り方

こんにちは、あんみつ（@murata_atsumi）です。 この記事はCAMPHOR- Advent Calendarこんにちは、あんみつ（@murata_atsumi）です。 この記事はCAMPHOR- Advent Calendar 2014の20日目の記事です。 私ブログが超苦手で普段からあんまり書かないから、何書こうか迷ったのですが、 一応CAMPHOR-には主にデザインの部分で関わること... 続きを読む

ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog

2014/12/10 450 users CAMPHOR- Blog webデザイン

この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリス... 続きを読む

ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選 | 株式会社LIG

2014/11/17 346 users 株式会社LIG

こんにちは、メディア事業部のナッツです。 突然ですが、Shareaholicのレポートによると、ソーシャルメディアからのトラフィックはPinterestがTwitterを抜いて2番目の参照元となっているようです。（1番多いのはFacebook） 参考：Shareaholicレポート https://blog.shareaholic.com/social-media-traffic-trends-1... 続きを読む

素人っぽいサイトに見えてしまうWEBサイトのロゴ4つの特徴とノンデザイナーでも簡単にできるPhotoshopとGIMPの解決策。

2014/10/15 110 users デザインクオリティ ドロップシャドウ GIMP 書体 ロゴ

ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用しているのにも関わらず、ロゴを自作しているために素人っぽく見えてしまうサイトを良く見かけます。ここではその4つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している ② ドロップシャドウのかけすぎ（なぜかポップな書体とセットが多い） ③ 背景を透明にすることができず枠が浮いている ④ サイト全体とミスマッチな色とマークを採... 続きを読む