MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック http…
ノンデザイナーズデザインブックを読み解く // Speaker Deck
MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック http…
フラットデザインとは？UIの特長と注意点 デザイン会社 ビートラックス: ブログ
最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない
イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所
データベースイメージ調査システムについて Hue&Toneシステムについて イメージスケールついて Hue&Toneシステムは、色相とトーン(色調)によって2次元の平面上に色を分類･整理したカラーシステムです。 色の世界を全130色に集約した基本システムと、全1093色の実務レベルのHue&Toneシステムの2つを採用しています。 カラープランニングやコミュニケーションはもちろん、カラー調査と統計処理の簡便化を可能にしました。 また、カラーデータのコンピュータ処理が可能となり、商品色や市場色、環境色などの特徴をグラフィカルかつ容易にとらえることができます。 ■Hue&Toneシステム(全1093色):MMカラースケール MMカラースケール：JISで採用されているマンセルシステムに基づいた色相(40色相)を採用。そこに慣用的に使われている3色相(6R、1Y、6PB)を加えた43色相×25トー
アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料 | ビジュアルシンキング
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
動画作成サービスの「GoAnimate!」の使い方。日本語音声対応がかなりすごい件
さてさて、今回ご紹介するのは「GoAnimate!」というサービスです。 実際に何が凄いかというと、会社案内や、サービス紹介等で、視覚的にイメージしやすいものを、即座に作れる点にあります。 また、個人におきましては、無料で手軽に「そこそこ」のものが作れると言うのがポイントではないでしょうか。 実際に私が作成した動画も最後にご紹介致します。 レッツトライ 動画作成サイトは以下に http://goanimate.com/ まず日本語に対応していると聞いて始めたものの、日本語が使われているのはトップページで、それ以外、要所要所だけ日本語化されており、説明はほぼ英語というわりとお粗末な対応というのを覚えておくと、ガッカリしないで済むかもしれません。 早速ログインするとこんな感じ。 左のクイックビデオメーカーが背景や状況が一つのテンプレートになっており、右のフルビデオメーカーが背景からキャラの配置
保存版！カラーの勉強に役立つインフォグラフィックのまとめ
ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。 各リンク先に、保存用の大きいインフォグラフィックがあります。
The Most Powerful Colors On The Web [Infographic]
This great infographic about the most powerful colors in the world comes to us from ColourLovers.com and features colors from the top 100 internet brands worldwide. It reveals some interesting trends in design. Colorlovers had specific goals in mind when they set out to collect the information for the graphic Here’s what they had to say: “When we released our report on the colors of the social web
![The Most Powerful Colors On The Web [Infographic]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a9ebb65baad21af74291addc2eb8739c39a9140/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fwww.webpronews.com%2Fwp-content%2Fuploads%2F2022%2F05%2FTyping-on-Computer-Keyboard-Image-by-Victoria-Loveland.jpg%3Ffit%3D1620%252C1080%26ssl%3D1)
the 12-step landing page rehab program
NP Digital offers: Data & Analytics Earned Media Paid Media Creative Technology Customers expect a personal connection to the brands they prefer. Our DAI team uses data, technology, and analytics to better define customer audiences and the journeys that they take. Those insights make our marketing more addressable and the customer touch-points more personalized. CMO’s expect more from their digita
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
魅せテクで狭い部屋もカッコよく！おしゃれな部屋づくり | リサイクルジャパン
今回は限りある部屋のスペースをよりカッコよくするテクやこんな家具があればカッコいい！こんな考え方もアリです的なアドバイスなど・・・これだけあれば快適に、部屋もカッコよくできるだろうと思うポイントを「思いつくまま」「気の向くまま」まとめてみました。参考にして頂ければ嬉しいです。 ・家具に必要な広さと家具選びのポイント ・快適な部屋つくりのコツ ・色の性格を知る事によって個々に持つイメージを知る ・簡単にできる色の組み合わせ ・ディスプレイをきれいに見せる方法 ・部屋をカッコよくするテク＆アイテムまとめ ・一味違ったインテリを探す！おすすめショップを紹介 ・部屋に一つあるだけでカッコよく見える家具※個人的にほしい家具の紹介 家具に必要な広さと家具選びのポイント インテリアに欠かせないのが家具です。一度買うと買い替えるのが大変。そこで目的にあった家具を！目指すカッコいい部屋にあった家具を！ぜひと
なぜ日本のWebデザインはダサいのか？ | Goodpatch Blog
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
デザイン時に注意したい角丸の使いかた - Design Color
もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
「アマゾン」まねた履歴書に大反響 閲覧数２０万件、仕事のオファーも
（ＣＮＮ） 企業へ通常の履歴書を送る代わりに、インターネット通販大手「アマゾン」をまねて自分を売り込むページを作ってみたら――。フランスのウェブ・プロダクト・マネージャー、フィリッペ・デュボさんの試みが、大きな反響を呼んでいる。採用関連のメッセージが１００件以上届いたほか、ウェブページの閲覧回数は１日当たり２０万件にまで達したという。 アマゾンそっくりにデザインされたデュボさんの履歴書ページには、「サイズ」や５段階評価の星マークが書かれている。世界各地への発送が可能とされ、ギフトラッピングまで選択できる。 「アマゾンのページはもともと履歴書の書式にぴったりだ」とデュボさん。「これを面白いと思ってくれる会社があれば、そこで働きたいと思ったんだ」と振り返る。 昨年末に職探しを始めたデュボさんは、企業への応募フォームに履歴書ページへのリンクを書き込んだ。先週初め、フランスの人気ブログにメールを送
【保存版】素敵なインテリアが探せるオススメWebサイト25選
新生活のことも、そろそろ考えだす時期になってきました。 一人暮らしの方は部屋のスペースが狭い分、部屋のレイアウトをうまくオシャレにしたいと悩んだりします。そこで今回は、観ているだけで楽しくて、しかも気付けば部屋のコーディネートの参考にもなっていた！とったWebサイトを25個ほどご紹介します。 お洒落な雑貨や家具がみつかるし、インテリアの実例（部屋に生活雑貨をどう配置するか）がのっているサイトもありますので、ぜひ参考にしてみてください。 一人暮らしのためのインテリアサイト 一人暮らしインテリアのジパング.com 一人暮らしインテリアのジパング.comは、ベッドの選び方からソファの選び方まで、一人暮らしの方のために詳細に説明されています。 実際に商品を探しながら、自分の部屋のレイアウトをイメージできるサイトです。さらに、このサイトから注文すると送料が無料というはラッキーですね。 → 一人暮らし
2012年 反響の多かったもの
チョコボール箱がぴったり納まります。 森永チョコボール木製ケース 森永チョコボール専用の木製ケースです。 くちばしの部分は、ちゃんと空いています。 ふぅ～ お鍋の季節かぁ～。 concombre 温泉おたまホルダー あごにおたまを引っ掛けて固定します。普段はくつろいでいます。 コップに水を入れて加湿器を作ろう。 TULIP STICK かわいいマグカップに入れてもいいし、ペットボトルでも使えます。 飲み物を注ぐと、動物があらわれるカップ。 注ぐまでのお楽しみ。 ソファのような座椅子。Piglet（ピグレット） 並べると、2人掛けローソファのようになります。 ここまで読んだから、「あ」をはさむ。 活字ブックマーカー 「あ」のしおり。ほかに「ん」もあります。 洗濯物がふんわり仕上がるハリネズミボール。 HEDGEHOG DRYER BALLS ドライヤーボールという、乾燥機に入れて乾燥させるだ
泣けるほど簡単！おしゃれなサイトができるWEBサービス１０選
作成：2012/12/25 更新：2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ＆ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．まとめサイトを作る ２．ネットショップを作る ３．ホームページを作る ４．ポートフォリオサイトを作る ５．おしゃれなECサイトを作る ６．全部入り企業サイトを作る ７．コーポレートサイトを作る ８．レスポンシブ対応サイトを作る ９．HTML5サイトを作る １０．ビジネス用無料WordPressテーマ - レスポンシブ対応 １１．デザイナー向けポートフォリオページ １２．ブートストラッ
レスポンシブ・ウェブデザイン基礎
1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home - Designzzz