良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】

2012/02/23 2085 users CSS Illustrator Weblog HTML センス

デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良... 続きを読む

プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選｜PowerPoint Design

2012/12/20 1591 users PowerPoint Design プレゼン資料 切り口

プレゼン資料のデザイン力をアップするには、良いデザインにたくさん触れることが大切。そこで今回は、私が過去参考にさせていただいたWebサイトの中から、選りすぐりをピックアップしてご紹介します。プレゼン資料のデザイン力をアップするには、良いデザインにたくさん触れることが大切です。しかし、プレゼン資料をデザインの切り口で扱う書籍やWebサイトは、そう多くありません。そこで今回は、私が過去参考にさせていた... 続きを読む

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

2015/04/30 1270 users ノンデザイナー クリープ creive モックアップ 小手先

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

デザインのインスピレーションが得られる最強Webサービス7選

2012/07/20 1122 users インスピレーション ボー カメラ片手 散歩 前回

毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出... 続きを読む

「悪い方が良い」原則と僕の体験談｜Rui Ueyama｜note

2018/04/06 999 users Rui Ueyama Note 原則 リンカ lld

ソフトウェアの世界には 「悪い方が良い」原則 という有名なエッセイがある。キレイにレイヤ分けされた一貫性のある良いデザインよりも、一見手抜きの悪いデザインのほうが実は良いときもあるという話だ。この逆説的なデザイン原則を僕は身をもって体験したことがある。それについてちょっと書いてみようと思う。 僕はlldというリンカのオリジナルの作者だ。リンカというのはコンパイラと組み合わせて使うもので、実行ファイ... 続きを読む

Web制作をする前にきちんとしておきたいお金の話し。 │ モノづくりブログ 株式会社8bitのスタッフブログです

2011/05/23 909 users Web制作 株式会社8bit 大半 見積り スタッフブログ

株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 今回は以前からいつ書こうかとずっと思っていた、Web制作とお金にまつわるお話を書いてみたいと思います。 みんながみんなではないと思いますが、Web業界に携わっている方の大半は本当に良いデザイン、良いサイトを作りたい、という思いが強く、出来れば見積りや請求などのお金の話しには関わりたくない、縛られたくないという方が多いよ... 続きを読む

なぜ良いデザインは悪いデザインから生まれるのか

2015/03/23 894 users 悪いデザイン

Scott Berkun Microsoft Corporation 2000 年 3 月 / 4 月 要約：良い UI のデザインに関する以前のコラムを補足します。（3 ページ） 私が以前に書いたコラム「使いやすい製品を作る：すぐれたユーザー インターフェイスを作るための略式工程」 の第 2 部を書くようにというご要望を何人かの方からいただきました。最近になってその記事を読み返してみたのですが、... 続きを読む

良いデザインを見て学ぶ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました【2014年版20誌】 | Webデザインクリップ

2014/04/14 777 users アート Webデザインクリップ web デザイン雑誌 広告

Webサイトやブログで膨大な情報が無料で手に入るので、なかなか本や雑誌を買わない人もいると思いますが、ネットではどうしても自分の好みの情報を取得してしまいがちなので、僕はいつも書店に行って雑誌をチェックして少しでも気になるものがあったら買うようにしています。 4月となり、デザイン関連の仕事で働き始める人や、学校でデザインを始める人達に、いつも自分がチェックしているクリエイティブ系の情報、デザインの... 続きを読む

良質なデザインを作るため揃えるべき日本語フリーフォント10種類 - ベーコンさんの世界ブログ

2018/09/22 765 users ベーコンさん デザイン ベーコン 世界ブログ 良いフォント

フォント大好きデザイナーのベーコンです！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じ... 続きを読む

良質なデザインを作るため揃えるべき日本語フリーフォント10種類 - ベーコンさんの世界ブログ

2018/09/22 755 users ベーコンさん デザイン ベーコン 世界ブログ 良いフォント

フォント大好きデザイナーのベーコンです！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じ... 続きを読む

良いデザインを見て学び、情報収集に役立つ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました。 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/11/07 715 users アート Webデザインクリップ 毎月 web Web制作

いまWebサイトで膨大な情報が無料で手に入るので、なかなか本や雑誌を買わない人もいると思いますが、ネットではどうしても自分の好みの情報を取得してしまいがちなので、僕はいつも書店に行って雑誌をチェックして少しでも気になるものがあったら買うようにしています。 そこで今回はクリエイティブ系の情報やデザインの参考、広告事例などが見ることができる「Web」「デザイン」「広告」「アート」などの雑誌をまとめてみ... 続きを読む

モバイルアプリのUI設計に大切な、7つの基本アニメーションまとめ - PhotoshopVIP

2016/03/21 639 users PhotoshopVIP モバイルアプリ UI設計 基本原則

「良いデザインは明きらかで、偉大なデザインは目に見えない。（英: Good design is obvious and great design is invisible.）」ということばを聞いたことがあるかもしれませんが、モバイルアプリの開発にアニメーションを利用するときも、同じ基本原則が適用できます。 うまく適用されたアニメーションは、ユーザーフレンドリーで魅力的にアプリを仕上げるだけでなく、... 続きを読む

【sketch】TwitterのUIトレースをして気がついた事｜マサキ｜note

2017/12/07 426 users Sketch Twitter まさき UIトレース Note

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽で... 続きを読む

フリーでハイクオリティな「IconEden」による商用利用可能な無料アイコンセットいろいろ - GIGAZINE

2010/09/03 350 users GIGAZINE アイコンセット EPS PNG 商用利用

上記画像の「iCandies Icon Set」は全部で60種類のアイコンがそれぞれ64×64・48×48・32×32の3種類のサイズ、さらにEPS/AI/PNGの3つのファイル形式で提供されているというもので、使い勝手の良いデザインとなっており、個人利用だけでなく商用利用も無料です。 で、このアイコンセットを配布している「IconEden」は有料でカスタムアイコンを作成したり、お手製のアイコンセ... 続きを読む

【Sketch】TwitterのUIをトレースしながら研究しよう（初心者向け） - NOGA BLOG

2016/07/04 348 users 秘訣 デザイナー 名刺 かっこいいロゴ UIデザイナー

デザインスキルを上げるには、良いデザインを真似ること。私が尊敬するデザイナーの先輩達は皆口を揃えてそう言います。  １日ひとつdribbbleなどからかっこいいロゴや名刺などを選んでトレースすると良い。 そのときに、なんで自分がかっこいいと思ったのかを考えること。 デザイナーになる秘訣！Time Ticketで、石嶋未来さんに会ってきた - NOGA BLOG UIデザイナーで、本当にスキルを身に... 続きを読む

良いデザインを決定するのはデータなのか、それとも… - Keep Crazy;shi3zの日記

2009/03/28 289 users Keep Crazy;shi3z データ 日記

nazokingさんの記事経由で見つけた記事　そう、Googleでは2種類の青色のいずれかで決めかねたら41の中間色をテストして最もパフォーマンスのよいものを選ぶというのは事実なのだ。先日、境界線の幅を3ピクセル、4ピクセル、5ピクセルのいずれにするかが問題になったとき、自分の意見を証明するよう求められた。このような環境で仕事をすることはできない。そうした些細なデザインの決定を論じるのにはもううん... 続きを読む

数字として結果に繋がらないデザインに価値はないのか？ | freshtrax | btrax スタッフブログ

2015/02/16 247 users コンバージョン btrax freshtrax プロセス 議論

求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事だとすると、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ、優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？ このような議論はデザイナーの間では普遍的にかわされ... 続きを読む

次にWebを作るときに使える、センスの良い背景画像配布サイト『Subtle Patterns』 | 100SHIKI

2011/04/27 242 users プレビュー Subtle Patterns ざざっと 背景

いわゆる背景画像の配布サイトがSubtle Pattersだ。 シックでシンプルな作品がざざっと並んでいて見ているだけでも楽しいサイトである。 これらを使えば「お、シンプルで良いデザインだね！」と言ってもらえるのではなかろうか。 なお、背景画像のプレビューも可能で、このサイト自体の背景をダイナミックに変えてくれる。 次にWebをつくるときに参考にしたいですな。 Subtle Patterns ht... 続きを読む

CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos

2007/07/20 167 users youmos スクロールバー CSS スクロールバーデザイン

通常のスクロールバーデザインはブラウザやOS環境に依存するため、コンテンツデザインに合わない場合があります。コンテンツ内に表示するスクロールバーをCSSでデザインできるようにしてくれるのが、fleXcroll。 ダウンロードサンプルに含まれるデザインスクロールバーは2種類となっている。あまり良いデザインではないので、自身で作成するのが良いだろう。デザイン用のイメージ素材とスタイルシートを作成すれば... 続きを読む

結婚式に最適なフォントの紹介まとめ〜エレガントなデザインで使えるウェディング筆記体（スクリプト） | デザインのブログ〜フォントや素材制作

2014/12/16 109 users フォント スクリプト 招待状 本物 素材制作

実は、私もうすぐ結婚10年目です。 結婚式、招待状は自分たちでこだわって、手作りしたい。 もしくは頼まれてデザインをすることになった… そんな時に役立つフォントをまとめました。 エレガントだったり、可愛かったりとするフォントを 中心に、個人的によく使う物から選びました。 たかがフォントですが、せっかくの結婚式だからこそ 本物の良いデザインのフォントを選びたいものです。 もちろん結婚式だけじゃ無く、... 続きを読む

コンバージョン率251％アップを達成したデザインの変遷に学ぶA/Bテストの妙とは？ - GIGAZINE

2014/03/25 100 users コンバージョン率 GIGAZINE サイト構築 デザイン変更

By Ken Teegardin いくつかの異なるサイトデザインを試してコンバージョン率を比べることで、より良いデザインをテストする「A/Bテスト」は、細かなデザイン変更を繰り返すことで思いがけない成果を上げる場合があり、サイト構築に活用されています。そのA/Bテストによってコンバージョン率251％アップを果たしたサイトにおけるデザインの変遷が公表されています。 Our homegrown A/B... 続きを読む

心に響いた！良いデザインに欠かせない大切な10の原則 -Vitsœ | コリス

2014/01/14 100 users Vits コリス ライセン ウェブデザイン インダストリアル

ロンドンの家具ブランド「Vitsœ」のインダストリアル・デザイナー「Dieter Rams」が提唱する「良いデザインに欠かせない大切な10の原則」を紹介します。 プロダクトデザインのお話しですが、ウェブデザインにも通じるものがありますね。 ten principles for good design 10の原則の英文はそのまま、あとは原文に沿って訳してみました。 翻訳にあたっては元ページのライセン... 続きを読む

良いデザイナーになるために、最初に身につけておきたいデザインの基本の勉強方法 | コリス

2018/12/07 97 users DESIGN コリス 基礎 下記 各ポイント

良いデザインはある日突然生まれるものではなく、しっかりした基礎に基づいて作られるものです。デザインを実践する前に、最初に身につけておきたいデザインの基本の勉強方法を紹介します。 Before you can master design, you must first master the fundamentals 下記は各ポイントを意訳したものです。 ※当ブログでの... 続きを読む

色だけでダメなデザインを良いデザインに変える簡単な方法Vol.1

2012/06/16 79 users デザイン レイアウト 新人 修正 影響

情けない話なんですが、私は新人だったころ『デザインは形の美しさだ！』と、やけに形ばかりを気にしてデザインをしていたことがあります。私は何を始めるにしても【まず形から入る人】なんですが、それもあって形ばかり意識していたのかもしれませんね。 『なんかこのデザインダサいんだよな』なんて思うとき、形やレイアウトの修正ばかり行い、色のことはほとんど考えていませんでした。色がどれだけデザインに影響を与えている... 続きを読む

きちんとデザインの価値を伝えるための心得 : could

2015/03/20 71 users 工夫 相手 瞬間 デザイナー 言葉

仕事 きちんとデザインの価値を伝えるための心得 「デザインを理解してくれない」と嘆くのはナンセンスです。デザインを理解してもらうのはデザイナーの仕事ですし、それを相手が理解できる言葉で伝える工夫も忘れてはいけません。 良いものは理解される … わけではない 良いデザインは語らなくても、相手に伝わるという言葉を耳にしたことがあります。そういった瞬間に出くわすこともありますが、少し見るだけでも伝わるデ... 続きを読む