デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
相次ぐデザイン会社の買収から考える ビジネス領域におけるデザイン思考の重要性 ｜ブログ｜root｜芯を問い、成長に貢献する
デザイン会社の買収事例日本国内でもここ数年で、今までデザインに関心がなかった大企業やスタートアップでさえデザインを求める動きは大きくなっています。 そんな中、アメリカの大手企業が優れたデザイン会社を買収することで、組織内にデザイン力を取り込む事例が増えてきています。いくつか買収事例を紹介していきましょう。 米国の金融大手キャピタル・ワンがAdoptive Path買収2014年10月UXデザインコンサルティングファームのAdoptive Path の買収を発表しました。このニュースは世界中で注目を集め、金融大手のキャピタル・ワンがなぜデザイン会社を買収したのか？ など様々な意見が飛び交いました。 複雑な金融の業界構造において、Adoptive PathのUXデザインのナレッジがどこまで変化を起こすことができるのか、動向に注目が集まっています。 FacebookによるHot Studio ,
【デザインまとめ】綺麗なデザインの管理画面 30選
以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。 ご参考になれば幸いです。 左に紺か黒のナビがあるやつ ◆Material Admin デモサイト ◆Edumix 黄緑がきれい デモサイト ◆Make デモサイト ◆Con デモサイト メガネのロゴがかわいい ◆Mega デモサイト 黒でメリハリ ◆Admin box デモサイト ちょっとレトロ感ある色遣いが印象的。 ◆Singular デモサイト やわらかな色遣い。 ◆Azan デモサイト ◆Brio Web App デモサイト 丸みの強い要素がかわいい ◆HeyMetro デモサ
Fonts In Use – Type at work in the real world.
Advertising (1830) Album Art (3527) Art/Illustration (462) Booklets/Pamphlets (2026) Books (5572) Branding/Identity (6907) Ephemera (1062) Exhibition/Installation (935) Film/Video (887) Infographics/Maps (487) Magazines/Periodicals (1641) Mobile/Tablet (766) Newspapers (255) Object/Product (958) Packaging (2043) Posters/Flyers (4846) Signs (1851) Software/Apps (285) Web (4689) Acumin (54) Adobe Ca
iOSアプリデザインリニューアルの舞台裏 - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 先ほど、デザインをリニューアルしたクックパッドiOSアプリ 6.0.0 をリリースしました。 https://itunes.apple.com/jp/app/kukkupaddo-no.1reshipi-jian/id340368403?mt=8 この記事では、どのようにして新しいデザインをiOSアプリに適用していったのかを紹介したいと思います。 新しいアプリの画面 スクリーンショットを見ていただければわかるように、全体的にフラットな印象を与える画面に変わりました。 トップ レシピ詳細画面 サイドメニュー この記事で全ての画面を紹介することはできませんが、ぜひダウンロードしてお手持ちのiOS端末で触ってみてください。 新デザインの適用 基本的には、画面デザイン案をもらい、既存のアプリを修正して少しずつ適用していく形で進めていきました。
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
少ない装飾で素材の魅力を生かす、ズルいWebサービスデザイン実践編 // Speaker Deck
WCAF Vol.11 「Design」 in 福井 で発表させていただきました。 http://wcaf.doorkeeper.jp/events/7028 協力： we love heroku by @ppworks http://welove.herokuapp.com/ （参考）ppworks 氏によるエントリー http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ズルいデザインテクニック2013 + セミフラット version - in 福井 https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
Gunosyを支えるUIデザインチームに聞く、Gunosy2.0リニューアルの背景とこれから | Goodpatch Blog
5月20日にリリースされたGunosy2.0は、GoodpatchがUIデザインを担当しています。これまでの紺色をベースとした重めのデザインから大きく変わって、白を基調とした明るいデザインとなりました。そこで今回はリニューアルを担当したGunosyのエンジニア松本さん、弊社代表の土屋、UIデザイナーの貫井の3人に、どういった経緯でリニューアルすることになったのか、どんなことを考えてUIを作っていったのか、その裏話をたっぷりと語ってもらいました！ Gunosy UIリニューアルの経緯 ――ではまず、そもそもどうして今回GunosyのUIを全面的にリニューアルすることになったか教えてもらえますか？松本前回のデザインは、紺色で重めの男性的なデザインでした。最初のターゲットはアーリーアダプターやギークだったし、実際にスタート時は女性のユーザーはかなり少なかったのでそれでも良かった。だけどこれからG
【デザイン】 iPhoneアプリアイコンのデザイン過程晒してみた 【TimerCamera】
いちばんシンプルなiPhoneのセルフタイマーカメラアプリ、「TimerCamera」のアイコンを作った時の過程を晒しました。
「いいかんじにしといて」を形にした、NHN Japanディレクターブログリニューアルへの道 : LINE Corporation ディレクターブログ
こんにちは、ディレクターブログ編集部の村上です。 今回は先日行ったNHN Japanディレクターブログ、リニューアルまでの道のりについてご紹介したいと思います。 NHN Japanディレクターブログ（当時はlivedoor ディレクターブログ）の前回リニューアルは約3年前。そろそろデザインも古くなっていたので、今回のリニューアルは9月頃の編集会議ですんなり決定しました。11月にはlivedoor Blogの9周年も控えていたので、そのタイミングでデザインを切り替えようということにになり、ひとまずプロジェクトをスタートさせることになりました。 編集部にヒアリング リニューアルが決まったら、まずはどういったものが欲しいのかヒアリングです。今回の相手はディレクターブログ編集部。当然編集部メンバーはブログ大好き人間ばかりです。その編集部メンバーが納得するデザインを作るとなれば、なかなか大変な仕事に
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
オリジナルfaviconを超簡単に作ることができる『favicon.ico Generator』 | G Mania - グーグルの便利な使い方
オリジナルfaviconを超簡単に作ることができる『favicon.ico Generator』 管理人 @ 7月 4日 10:24pm Google以外のサービス faviconを超簡単に作ることができるサイトをご紹介。 「favicon.ico Generator」は１６×１６のマスの色を自由に塗って、自分のオリジナルのfaviconを作ることができるサイトです。 下のプレビューウィンドウには、実際に表示される大きさでfaviconがプレビュー表示されます。 そのプレビューの下の「Download Favicon」をクリックすると、作った画像を簡単にダウンロードすることができます。 また、登録されたアイコンを検索してダウンロードしたり、人が作ったアイコンを自分で編集することもできます。 アカウントを作成すると、自分で作ったfaviconを「Publish under an open l
１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ:phpspot開発日誌
１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ 2007年06月29日- １クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ。 レイヤースタイルとは、PhotoShopにある、次の図のような「スタイル」ウィンドウで提供される機能で、ダブルクリックで簡単にボタンが作成できるものです。 配布サイトを、次にリストで紹介します。 Appleのボタンをレイヤースタイルで 31個のスタイル Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル 有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた レイヤースタイルで四角形にスタイルを適用した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
babyshark.info
Rubyistのためのズルいデザインハンズオン in RubyHiroba P4D ワークショップ
本をジャケ買いしよう。装丁デザイン×ブックセレクト
http://oumlaut.net/ehonyaku/
Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
http://www.designwalker.com/2007/08/firefox_addons.html
