エンジニアのための配色まとめ - Qiita
無彩色 白と黒との混合で得られる色（白と黒自体も含む）の総称。 白・黒・さまざまな濃度の灰色が含まれる。 彩度が0であることを表す。 無彩色でない色は、有彩色である。 via 写真技術 色と陰影（手代木さんblogより） - 写真技術と光への道でフォトディレクション-Jimdo撮影編 有彩色 白、黒、灰色以外の色味を持った色のこと。 有彩色にはさらに、純色、清色、中間色に分類される。 以下のような図を、 等色相面 と言う。 via 純色、清色、中間色｜株式会社ノイエデザイン 純色 各色相において、最も彩度が高い色。 ただし、色空間によっては純色以外にも彩度が最大になる色がある。 清色 清色はさらに、明清色、暗清色に分類される。 清色にはくすんだ印象がなく、濁りがない色という特徴がある。 明清色 純色に白だけを加えた色。 ピンクや水色など 暗清色 純色に黒だけを加えた色。 紺色や茶色など 中
革新的デザインの裏側【インタビュー】Flipboardデザイン主任-Marcos Weskamp デザイン会社 ビートラックス: ブログ
まるで雑誌をめくるように、最新のニュースや友だちのアップデートを見ることのできるアプリケーション「Flipboard」。その革新的なインターフェイスと操作性(UI/UX)はリリース直後から大きな反響を呼び、Appleの選ぶ最も優れたiPadアプリである「iPad App of the Year」(初年度)にも輝いた。驚くべき事にコンセプト段階では、PCブラウザー向けに考えられていたという。 そして、現在まさにユーザビリティデザインの優れたアプリケーションの代名詞とも言える彼らが、今年9月には30の公式コンテンツパートナーを揃え、日本国内でもいよいよ本格的な展開をみせてきた。今回はそんなFlipboardの生命線とも言えるデザイン部署を統括するMarcos Weskamp氏と、広報担当のChristel van der Boom氏に、Flipboardのデザイン哲学と今後の展望を伺った。 【
黒を使うな - モジログ
Ian Storm Taylor - Design Tip: Never Use Black (August 2012) http://ianstormtaylor.com/design-tip-never-use-black/ デザインでは黒を使うな、という話。筆者のIan Storm Taylorは、Segment.ioというサービスの共同創業者で、デザイナーでもあるようだ。 筆者は子供のとき、美術の教師から、黒には注意せよとアドバイスされた。その後、RISD（Rhode Island School of Design）でも似たようなことをたびたび言われたとのこと。 人間は、「暗いもの」を「黒」と結びつけてしまいやすい。しかし、ほんとうの「黒」というものは、実はめったにない。筆者はまず、Wayne Thiebaud（アメリカのポップアートの画家）の絵を例に、影が黒ではないことを示す。
驚くほど簡単にインフォグラフィックを作成できる無料ツール７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ
これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
Webデザイナー必読？！著作権について知っておくべき10のこと - kojika17
Webデザインに限らず、制作したものに発生する「著作権」を知っておかないと、トラブルの元になるかもしれません。 特にWebデザインの場合は写真、文章、素材。 場合により動画など多岐の著作物を扱う場合が多々あります。 自分の頭の整理のためにも、Webデザイナー、ディレクターが知っておくべき著作権のことについて、まとめてみました。 1、著作権の基礎知識 著作権とは、知的財産権の一つです。 日本の著作権は「無方式主義」と呼ばれる方式で、制作物を制作すると自動的に著作権が発生します。 この時、著作者人格権と**著作権(著作財産権)**に分かれます。 「著作者人格権」と「著作権(著作財産権)」について 著作者人格権 簡単に言えば「制作者」 公表の時の手段、方法を決定できる権利です。 法律上、制作者の同意がなければ公表できません。 著作権(著作財産権) Webデザイナーにとっては、Webサイトなど制作
米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として
デザインが優れている人には愛情と思いやりがあるという話｜資料やメールも全てがデザイン
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い
いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論
「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。
こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
イノベーションの生み出し方 – アメリカのデザインファームで起こっていること（後編）
9/29締切【4ヶ月完結・オンライン+現地】わたしをいかした小さな商いをはじめる。まち商いスクール in 福島県双葉町 参加者募集中！わたしをいかした小さな商いをはじめる。まち商いスクール in 福島県双葉町 前回に引き続いて東大i.schoolの講演での米デザインファームZiba社のストラテジスト・濱口秀司さんのお話。 日本のビジネス戦略に足りないもの ビジネスを大きく3つに分けてみる。「ビジネスモデル」「技術」「顧客」。 そして、この3要素をもとにした企業の調査データが紹介されていたがその内容が興味深かった。 これはとある日本の企業の例。3要素の中で飛びぬけて技術の要素が高い。これまでの日本のものづくりを支えてきたメーカーの典型的な例かもしれない。 一方、これはアメリカのPC販売会社（カスタマイズ注文ができるメーカー）の例。前述のグラフとは正反対である。社内で持っている技術はほとんどな
ブランドを支えるデザイナーとは、どんな存在なのか 「巨匠」「スター」「若手」らがひしめく“競争と共創”の原理：日経ビジネスオンライン
ブランドをどう作っていけばいいのか――。 多くの企業が頭を悩ませる、この課題。単に、優れた品質や機能を追求したり、流行を取り入れた外観にこだわったりする従来のようなものづくりからは、ブランドは生まれない。 そもそもブランドとは、企業や商品が消費者に伝えたいメッセージであり、目に見えないものである。言い換えれば、伝えたいメッセージのないところからブランドは生まれない。そして、伝えたいメッセージがあっても、的確に表現できなければ消費者には届かない。 経営者が思い描くメッセージを「可視化」して表現し、ブランドの構築につなげていく。これを担うのがデザイナーだ。すなわち、ブランドづくりにデザイナーの存在が欠かせない。 「ブランドさえ確立すれば、売り上げは後からついてくる。極端に言えば、欧州企業はこんな考え方をしている」。こう話すのが、デザインオフィスnendo（ネンド、東京都目黒区）を率いる佐藤オオ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
https://jp.techcrunch.com/2012/04/03/20120401why-designers-should-join-software-startups/
http://www.mobiletuxedo.com/
https://jp.techcrunch.com/2011/06/01/20110531design-changes-the-way-we-experience-the-web/
https://jp.techcrunch.com/2011/03/25/20110324jack-dorsey-golden-gate-bridge/