エンジニアのための配色まとめ - Qiita
無彩色 白と黒との混合で得られる色（白と黒自体も含む）の総称。 白・黒・さまざまな濃度の灰色が含まれる。 彩度が0であることを表す。 無彩色でない色は、有彩色である。 via 写真技術 色と陰影（手代木さんblogより） - 写真技術と光への道でフォトディレクション-Jimdo撮影編 有彩色 白、黒、灰色以外の色味を持った色のこと。 有彩色にはさらに、純色、清色、中間色に分類される。 以下のような図を、 等色相面 と言う。 via 純色、清色、中間色｜株式会社ノイエデザイン 純色 各色相において、最も彩度が高い色。 ただし、色空間によっては純色以外にも彩度が最大になる色がある。 清色 清色はさらに、明清色、暗清色に分類される。 清色にはくすんだ印象がなく、濁りがない色という特徴がある。 明清色 純色に白だけを加えた色。 ピンクや水色など 暗清色 純色に黒だけを加えた色。 紺色や茶色など 中
【必読】あなたのサイトはどれくらい嫌われてる？スマホユーザーが嫌う10のこと
＜質問＞ スマホで当社サイトを閲覧する人が増えたので、スマホ対応にしました。 ユーザーの利便性向上を狙ったのですが、スマホ対応後も、社内の人からなんとなく使いづらいと言われてしまいました。 文字が大きくなり文章も読みやすくなったのに、何が使いづらいのかイマイチ要領を得ません。どこを変えればいいですか？ ＜回答＞ 文字が読みやすいというのは、利便性の一つに過ぎません。またスマホはＷＥＢを閲覧する以外にも、電話をかける・地図アプリを使う等、様々な機能を備えた端末です。 スマホの利用シーンを具体的に思い浮かべると、注意すべきポイントが多くあります。今日はスマホユーザーが嫌う１０個のことを紹介します。 ① リンク箇所が一目で判らないと嫌われる スマホでは、リンク箇所が一目で判らないと、ユーザーは迷ってしまいます。ダイレクトに言葉で表現したり、判り易い色のボタンやバナーを用意したりするなどの配慮が大
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
オフィス社内の頭上を車体が流れる驚愕のBMWビル | ROOMIE（ルーミー）
ドイツのBMWセントラルビルディングは、なんと頭上を生産途中の自動車ボディーが流れるという、驚きのデザインのオフィスでした！ 実現不可能と思われるようなデザインで世界中から注目を浴びている、イラクはバグダード出身、イギリス在住の女性建築家Zaha Hadidさんのデザインです。 彼女は、平成31年3月の完成を目指す、東京都新宿区の新国立競技場の国際デザイン・コンクールで最優秀賞に輝いています（参照）。 大きな会社で仕事をしていると、自分の仕事が世界に誇るプロダクトの一部であるという認識を抱きにくいかもしれませんが、ふと見上げればそこをメインプロダクトが流れていくのですから、やっぱりモチベーションアップにもなりそう！ 動画からも、社内の様子を観ることができます。 こんなところで仕事ができるって、なんだかテンション上がりますよね。 ビルそのもののデザインも脱・構築主義で凄い迫力です。 ネタ元サ
飯野賢治はゲームクリエーターではなかった!? - 日経トレンディネット
こんにちは、西友の富永です。 2013年2月20日、飯野賢治さんが42歳の若さで亡くなりました。 読者の方々のなかには飯野さんとの対談を読んでくださった方も多いと思いますが、私は幸運にも何度か飯野さんと一緒に仕事をする機会に恵まれ、その類いまれな創造性に触れることができました。 飯野さんはゲーム分野での実績があまりに大きいことから「ゲームクリエーター」という肩書きで紹介されることがほとんどです。しかし、私が彼とともにしてきた仕事は、基本的にゲームとは異なったフィールドが大半でした。 今回は飯野さんへの追悼を込め、私が初めて飯野さんに会ったときの話を紹介することで、飯野さんのゲーム以外の才能を知っていただきたいと思います。 出会いのきっかけは「Cmode」の開発 2002年に日本コカ・コーラ、NTTドコモ、伊藤忠商事が開始した「Cmode（シーモード）」というサービスがありました。「自動販売
BootstrapをベースとしたフリーのUIKit「Flat UI」:phpspot開発日誌
Flat UI BootstrapをベースとしたフリーのUIKit「Flat UI」。 BootstrapをベースとしているのでBootstrapの使い方や機能は使えてデザインが全く別物になってます。 Bootstrapで作るとあきらかにBootstrapな感じが出てしまいますが、ちょっと個性を出したいという場合はいいかもですね。 こうした派生スタイルが多数でてきて、Bootstrap自体がjQueryのようにデファクトスタンダードになってくると、多数の派生ライブラリが出てきてより開発者にとってはいい環境になりそう。 関連エントリ Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 Google風のBootstrapテーマ「GoogleBootstrap」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Bootstrapで
【画像】いい感じのロゴ貼ってけ : 暇人＼(^o^)／速報 - ライブドアブログ
【画像】いい感じのロゴ貼ってけ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2012/06/02(土) 07:40:05.03 ID:Zn0Mvjww0 関連 : 【画像あり】デザイン料570万円のロゴやべえ…芸術だ… それがどういうモノのロゴなのか分かりやすく伝わってくるようなロゴがいい 2：以下、名無しにかわりましてVIPがお送りします：2012/06/02(土) 07:42:15.49 ID:vVMuOijv0 4：以下、名無しにかわりましてVIPがお送りします：2012/06/02(土) 07:43:13.24 ID:Zn0Mvjww0 >>2 いいねいいね 3：以下、名無しにかわりましてVIPがお送りします：2012/06/02(土) 07:42:31.04 ID:Zn0Mvjww0 5：以下、名無しにかわりましてVIPがお送りします：2012/06/02(土
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
画像編集する際に、RGBばかりでなく色相・彩度・明度（H/S/L）も意識していますか？ | ライフハッカー・ジャパン
かれこれ10年以上画像編集ソフトを使っている人でも、色相（H）・彩度（S）・明度（L）が何なのかよく分かっていない人は多いのではないでしょうか？ RGBスライダは動かしても、このH/S/Lについて知らない人は多いはず。 でもそんな状態にはもうおさらばです。「Digital Inspiration」に、これらのことが簡単に分かる説明がありました。 Digital Inspirationの「Tech Museum」には、以下のような説明があります。 色相は、熟したバナナとそこまで熟していないバナナの違いを明確にするために使います。彩度は、自分のチョコレートミルクのグラスと友だちのチョコレートミルクのグラスの違いを明確にするのに役に立つでしょう。明度は、パンとトースト（特にこんがり焼けたトースト）の違いを明確にするのに使えます。 この説明だけではいまいち分からないかもしれませんが、記事冒頭のビデ
勝手にリデザイン：新宿高層ビルの館内施設案内板
勝手にリデザイン：新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。（ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。... on Twitpic
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
asahi.com（朝日新聞社）：高速道路の標識、「ヒラギノ」書体に ｉＰａｄと同じ - 社会
新書体を使った案内標識のイメージ。特徴的なのは「越」で、中央と右の部分がはねているほか、部首も従来より滑らかになった従来の書体の案内標識。「越」に省略が目立つほか、「山」の下部を角張らせている 東日本、西日本、中日本の各高速道路会社（ＮＥＸＣＯ）は、高速道路の案内標識に使ってきた独自の書体を、米アップルのｉＰａｄ（アイパッド）などに採用されている市販のものに変えることを決めた。高速走行中でも見やすく、バランスが良いという。書体の変更は、１９６３年に国内初の高速が開通して以来、初めて。 新しい書体は、大日本スクリーン製造（京都市）の「ヒラギノ角ゴシック体 Ｗ５」。書籍や雑誌、テレビ番組のテロップなどに広く使われる。文字を構成する一画一画の間の空白の大きさが均等に見えるのが特徴だ。 ３社は今年７月、新規開通や付け替えなどで標識を業者に発注する際に、今後はヒラギノを使うよう指示することを決
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cow2design.com
日本観光商事が「ご当地萌え」のトレースで謝罪するも、今度は「ご当地ドロップス」 の写真のパクリが発覚:【2ch】ニュー速VIPブログ(`･ω･´)