エンジニアがデザイン入門書を3冊買ってみたのでメモと雑感 - エンジニアをリングする
自分で何かWebアプリを作るときにデザインも自分である程度満足いくレベルのものをできるようになりたくて、今年に入ってからいくつかデザインの本を買いました。 感想と勉強になったことをまとめてみます。 ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (107件) を見る 定番・・・なんですかね。どこかでデザイン初学者向けにオススメされていたのをみて買ってみました。 とても教科書っぽいです。ただ文章は程よく砕けていて読みやすく、理論をベースに実際の例をたくさん挙げて説明されているのでとっつきやすいです。 特に参考になった章：7章 Usin
エンジニアがデザインの設計を学ぶのに良いサイトまとめ - Qiita
デザインにもシステムと同じように設計と実装があると考えるなら、今回は設計に役立つツールばかりを集めた。 色 colourlovers 「[ベースカラー:メインカラー:アクセントカラー＝7:2:1]の色が決められないんじゃボケぇ」って思ってたら出会った 「色も設定より規約(CoC)」ということで、色パターンパクる。デザインセンス皆無なのでテンプレを繰り返すのじゃ。 [地味な色:好きな色:目立つ色]って考えたら覚えやすかった colourco.de 色々な色を試せる 「和風」「中華風」「欧風」「フラット」みたいに自分でテーマを決めて色を並べるの楽しい。 とにかくたのしい 美的センスを養う Pttrns スマホデザインの宝庫 モーダルとか読み込み時とかちょっとした背景とか勉強になる その画面を構成要素に分解すると、割と技術的には簡単だったりする。「モーダルウィンドウ＋おしゃれフォント＋ピントずら
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
日本色研事業株式会社 HomePage
トーンは、明度と彩度の複合概念といえるものです。 色相の同じ系列でも、明・暗、強・弱、濃・淡、浅・深の調子の違いがあります。この色の調子の違いをトーンといいます。このトーンの色空間を設定していることが、ＰＣＣＳの最大の特徴でもあります。 色相ごとに12種のトーンに分けられ、各色相からトーンの同じ色をまとめています。明度の違いはあるものの、あざやかさ感の共通なグループができます。 色相とトーンで色を表す場合、例えば色相番号12（緑）で、ライトトーンの場合「lt12」と略記号で表します。無彩色の場合には、白は「W」、黒は「Bk」、その他は明度を示す数字に「Gy」を付加して「Gy-6.5」と表します。
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
デザインを学ぶためのブッグガイド 2013
ミームデザイン学校は2008年に開講して以来、現在まで700人以上が受講した社会人のためのデザインの学校です。 週末を利用した週1回のカリキュラム構成で、働きながらデザインの理念や実技を習得できます。
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
【イラストの見栄えが良くなる】イラストレーター 中村佑介 先生が教える公開講座が凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
先日、イラストレーターの 中村佑介（なかむら ゆうすけ) 先生 のツイッターで公開アドバイスが行われました。 『アイデア』 『色のバランス』 『塗り方』 『構図』 のデザインの基本ついて分かりやすく解説されています。 凄く勉強になると思いますので 将来イラストレーターを目指している人は必見です。 その中の一部をご紹介したいと思います。 ※この記事はツイッターからの引用になります。 この記事は、中村佑介 先生 ayamick さん すなつ さんに公開許可を頂いております。 それらを踏まえたうえでお読み頂ける様にお願い致します。 【良い構図は大・中・小を使い分け】 【ayamick さん】 私は18歳です。 描いた動機は どの年齢の方が見ても楽しめるような絵を描きたかったからです。 コンセプトはなるべくたくさんの色をつけて、 全体的に賑やかにしているところです(^^) こんな感じですm(__)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tsutomu Kawamura (@cognitom) on Speaker Deck
ノンデザイナーのための配色理論
【オープンセミナー岡山2014】 明日からできるデザイン脳
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
イラストレーター・中村佑介氏の『イラスト講座①』"見やすいイラスト編"（2014.3.12）