これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
Webデザイナーが一度は読んでおくべきおすすめの本13冊 - LITERALLY
先日、読者の方から「Webデザイン習得するにあたって参考にした本は何か」という問い合わせを頂いたので、回答記事を書こうと思う（遅くなってしまいすみません）。せっかくなので、Webデザインの専門知識に関する本だけでなく、いつもインスピレーションをもらっている本も合わせて紹介しようと思う。参考程度にどうぞ。 以下の3つのジャンルについて分けて紹介。 WEBデザインを学ぶための本 デザインセンスを磨くための本 インスピレーション刺激本 WEBデザインを学ぶための本 1 インターネット技術の絵本 振り返れば、いちばんはじめに読んでおけばよかったなと思うのが、この絵本シリーズ。Webデザイン含め、プログラミングを始めた人は「Webデザインがどうやってインターネットに公開され、どうやって人の目に触れるのか」や「今の作業の全体における立ち位置」がいまいち見えなくてモヤモヤすることが多いと思う。HTMLと
noteの会社に転職したデザイナーの話。｜sawa / note inc.
こんにちは、piece of cakeデザイナーの沢登（@sawamemo）です。 前回のエントリではjoinする前でしたが、1月の頭から入社しプロジェクトに参加しています。（今ちょうど入社して1ヶ月ですね） この1ヶ月間どんなことをしていたのかザッと書き出してみようと思います。 課題の可視化弊社ではgithubのissueで課題管理しています。 noteカイゼン目安箱で頂いたご意見・フィードバックやバグの情報、などなどを全て集約して管理しています。 ただ、この方法の問題として --- ・少人数のチームでは良いが、大人数になった時にissue数がさらにカオスになる ・あとからjoinしたメンバーは過去の経緯をissueレベルで探さないとならず、これまでの経緯の学習コストが高すぎる ・今、誰が何をしていてどれくらいのリソースがあるのかがパッと見でわかりづらい ・重要な課題が埋もれ気味になり、
Webデザインが「どこかさみしい」と思ったとき、3分で試せるアイデア7つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのまきこです。 iPhone6のディスプレイがバキバキに割れてしまってから、心を無にしてずっと使っていましたが、iPhone6sの発売により、最近はちょっとウキウキしています。 ところで、デザイナーのみなさんは、普段作業をしているときに「このままのデザインだと、なんかさみしい�」「もっとにぎやかにしたい」と思ったことはありませんか？ そんなときは、制作物に応じた「にぎやかし」をするのがもちろん良いのですが、いろいろ難しく考えるよりも、手を動かしてみたほうが早い、ということもありますよね。ということで今回は、デザインが「なんかさみしい」と思ったときに、だいたい3分あれば試せるデザインアイデアを7つご紹介します！ ▼ デザインアイデアに詰まったときはこちらもどうぞ。
観察とは何か？デザインにどう活きるのか？｜こばかな
こんにちは。THE GUILDのこばかなです。デザイナーとかをやっています。 10秒でわかるこの記事の内容先日こんなツイートをしたのですが、今回はこの話について詳しく書きました。 デッサンとは何か？たまにデザイナーの間で「美大に行く必要があるのか」「デッサンを学ぶ必要があるのか」という議論がされますが、個人的には「WEBやUI、UXデザイナーにとっては必要ない」と考えています。（グラフィックデザイナーやプロダクトデザイナーは学んでおいた方が便利だと思います） なぜならデッサンによって得られるものは「観察力」がメインであり、それを磨く方法は他にもあるからです。 行く必要がないと言いつつ、私は美大に行ったのですが、受験時代はほぼ毎日何時間もデッサンを描く生活を3年ほど続けていました。 ▼浪人時代に描いたもの デッサンは一見すると「リアルな絵を描くこと」を目的にしてるように思えますが、経験者の一
デザイナーのパラダイムシフト｜hiranotomoki
※ここでのデザイナーとは、主に、グラフィックデザインやUIデザインを扱うデザイナーのことである。 そして、Design with AIの時代へ近年、高性能のパソコンとデザインアプリケーションが安価で手に入ることで、誰でもデザイナーを始めることが可能となった。また、AppleやGoogleが提供するデザインのコンポーネントとデザインのガイドラインは、成果物の品質保証を底上げし、美的センス（審美眼）の必要性を下げた。さらに、人工知能の発達は、熟練デザイナーのブラックボックスだった職人的技術を解放しはじめている。 コンピューターが投入される前に必要だったデザイナーの技術は、例えば、1mmの間に何本のまっすぐの線を引けるかといった技術である。しかし、コンピューターが現場に導入されるとその技術の希少性は消え、いまや、0.25mmのまっすぐな線を引くことに、特別な訓練は必要ない。これと似たような現象が
Webデザイン勉強の参考にしたい、魅力的なサイト35選 2017年2月度
目まぐるしく変化するウェブデザインは、技術の発達によりこれまでは難しかった表現も可能になってきています。ユーザー主体とした体験型サイトなども増え、アニメーションやレイアウトなど新しいデザイン要素を利用することで、より魅力的でインタラクティブなサイトデザインに仕上げることができます。 そんなウェブデザイン制作アイデアの参考にしたい、クオリティの高いWebサイトをまとめてご紹介します。Webデザインやホームページ作成を勉強したいという人にもオススメです。 ブックマークしておきたい海外/国内Webデザインギャラリーまとめ30選【2017年改訂版】 これでもう悩まない！2017年のデザイントレンド完全ガイド Webデザイン勉強の参考にしたい、魅力的なサイト35選まとめ North 2 カラフルな配色でヒーローイメージが切り替わるインパクトのあるデザイン。 Adison Partners デュオトー
Webデザインでよく使う要素やカラーやタイポグラフィに一手間加えて、マンネリ化から抜け出すデザインテクニックを解説
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。 ここで紹介するトレンドは、よく使用している要素やカラーやタイポグラフィに一手間加えるだけで、新鮮なデザインに変わります。 Essential Design Trends, February 2016 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 DuoToneのカラースキーム Split-Screenのデザイン 共有スペースのタイポグラフィ 総括 DuoToneのカラースキーム DuoToneのカラーパレットは存在自体は昔からありましたが、最近の使い方としてはフルスクリーンの画像にDuoToneのグラデーションを加えて強いイン
人を強制的に幸せにするデザインとインターフェース | fladdict
最近よく考えることに、人間を強制的に幸福にするユーザーインターフェースは作れないか、という着想がある。100万ユーザー級のアプリのUI改善に何本か関わった結論として、単に使いやすいインターフェースや、KPIアゲアゲの設計とかに飽きた。 むしろ統計、認知心理学、脳科学、行動経済学などをフル活用して、デザインで強制的に幸せを生産できないだろうかと考える。 幸せは生産できるか？ アメリカの哲学者、ウィリアム・ジェームズの言葉に、「私達は幸せだから笑うのではない。笑うから幸せなのだ」というものがある。日本にも類似の表現として、「笑う門には福来る」という諺がある。 両者で注目したいのは、因果関係の方向だ。どちらも方向として、「笑う」→「幸福」という因果関係を説いている。「幸福」→「笑う」ではない。 実は最近の脳の研究によると、とりあえず口角を持ち上げれば、人間の脳はドーパミンを生産するのだという。脳
無料で使えるモバイルアプリ制作用のプロトタイピングツール
2016年2月18日 スマートフォン, 便利ツール 以前「Webサイトのプロトタイプ制作に使える無料オンラインツール」というのを記事にしましたが、今回はモバイルアプリ制作に特化したツールを調査してみました。ただ、知らない間に便利ツールが増えまくり、あまりにも数が多いので無料で使えるものに絞り、さらに使ってみていいなと思ったものを集めました。それでも数が多いので…あとは実際にみなさんで試してみて、自分にあったものを探してみてください！ ↑私が10年以上利用している会計ソフト！ おすすめ無料プロトタイピングツール Marvel Marvel 無料プランでもプロジェクトを無制限に作成できちゃうプロトタイピングツール。ブラウザー上で編集していきます。リンク先となるページ画像がサムネイルで表示されていて、ページ推移時のアニメーションも分かりやすいです。コメント機能もあり。 完成したプロトタイプはUR
Webサイトの見出しデザインまとめ13選！デザインの参考に | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの藤田です。 デザインをやっていると、見出しのデザインに悩むことって結構ありますよね！ 自分のデザインストックを増やすためにも、今回のブログでは今っぽい見出しデザインをタイプ別にまとめてみました！ 独学でつまずいていませんか？ 現場で活かせるWebデザインを効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） ※この記事は2022年3月に編集部が情報を更新しました ジャンプ率パターン ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイト
【絶対見たことある！】デザイナーの中で流行のフォント４選！！ | ベーコンさんの世界ブログ
デザイナーのベーコン（@dogdog464646）です！！ プレゼン資料作りにも役立つ、デザイナーがついつい使ってしまうフォント4つを選んで解説しました！ 「フォントにお金を出すのはちょっと…」という方のために無料フォントを紹介します。 いいフォントを使うと明らかにデザインが締まりますので、新しいフォントにチャレンジしてみてくださいね。 １つめ『DSきりぎりす』 (DS-kirigirisu) 「DSきりぎりす」このフォントはすごいです。 ポケモンで言ったらポッチャマ。GLAYで言ったらTERU。ドラゴンボールで言ったらベジータ。つまりスーパーヒーロー！2016年もまだまだ色んな所で使われていますね。 ▼DSきりぎりす (DS-kirigirisu) (¥16,500 ） こんな感じで使われている ●コンビニ各社で使われている ファミマのクッキーエッグタルト。あっちこっちきりぎりすフォント
2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ
数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！ 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と
デザイナーから納品されたデザインがダサい | RABBIT PUNCH
社内での制作案件、制作会社への外注、クラウドソーシングなどなど、Webサイト制作に関わる仕事をしている方であれば、デザインをデザイナーに依頼するシーンがあると思います。 そういったシーンで発注者を苦しめる要素のひとつが「納品されたデザインがダサい時」です。 ディレクターと新人デザイナーの例Web制作会社で働くディレクターのKさんは、今年入社してきた新人デザイナーにWebサイトデザインを依頼。コンテンツマップとワイヤーフレームを渡し、口頭で色、雰囲気、参考サイトを共有しました。 2日後。Kさんは、新人デザイナーから上がってきたデザインを見て驚愕。自分がイメージしていたデザインとはかけ離れたものでした。それ以前にとにかくダサい。 有名な某デザイン専門学校の出身で、入社当初からデザインセンスには定評があった新人デザイナー。入社後も大型案件のデザインを担当するなど、社内での評価も上々でした。しかし
デザイナーに向いている (かもしれない) 7つの気質 デザイン会社 ビートラックス: ブログ
デザイナーは特殊な人種である。彼らは仕事に対する考え方やモチベーションの源泉が他の業種と随分と異なる。そして、生まれつきデザイナーに向いていると思われる人々はその気質において何かユニークな特徴がある。 自分自身を含め、これまで数多くのデザイナーと接してきた経験から見えて来たデザイナー特有の性質と、デザイナーに向いていると思われる7つの気質を紹介したい。 自分はデザイナーに向いているのか？恐らく多くのデザイナー志望の方々、そして現在プロのデザイナーとして活躍されている方々でも、自分がはたしてデザイナーにむいているのだろうか？と感じる瞬間があると思う。 単純に”頑張ればよい”わけではないタイプの職種であるからこそ、生まれながらに備わった気質でデザイナーとしての向き、不向きがあると思われる。逆に言うと、気づいていない人でも、もしこんな性格の人はもしかしたら生まれつきデザイナーに向いているのかもし
デザインに関する5つのトレンド デザイン会社 ビートラックス: ブログ
既にアメリカ西海岸を中心にデザインとテクロノジーの融合がこれまでに無い程に進んでいる現在、テクノロジーよりもデザインが重要性が高まってきていると感じる。これからのビジネスや生活の中心になると考えられるデザイン的側面から今年のトレンドを予測してみた。 1. “デザイン”の概念がどんどん広がっていく”デザイン”という言葉自体の概念も時代と共に変化している。グラフィックデザインや、Webデザインなど、これまでのいわゆる”絵を描く”ことから、デザイン的考え方を事業の為の一つの戦略スタイルとして活用するケースが増えている。英語で言う場合の小文字のdesignは表面を美しくする事、対して大文字のDESIGNは、世の中の様々な事柄をデザイン的観点から改善する為の価値を表現している。 もう既にデザインはデザイナーだけのものではなくなって来ている。デザインは日々の生活に密着しており、大きな企業から学生までデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック![情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/989a806d2ccf27431e67d306fd1bab102cd42f70/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202003%2F2020082101.png)
「昭和生まれは横断歩道を古い形で描いてしまう」→昭和生まれに衝撃が広がる。でもなんで形変わったの？
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://harold-spm.com/webdesign-ryoukiji/