いろんなおじさん
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います! 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
国内外ソーシャルサービスのアイコン画像セット Published on 2011-10-22 概要 version v2.3.3 (2013-10-12) add 1 icon v2.3.2 (2013-05-03) update 4 icons remove 2 icons v2.3.1 (2013-02-19) added 3 icons update cookpad icon to new logo update the key color of Twitter icon v2.2 (2012-11-19) added 4 icons enhanced button details v2.1 (2012-10-20) added 5 icons replaced 1 icon by new logo v2.0 (2012-09-26) contained HiDPI version
1:以下、名無しにかわりましてVIPがお送りします:2012/06/24(日) 21:41:18.36 ID:Q/ELD3WV0 ソース http://twitter.com/#!/hirasawa ベヘリット2個持ってるし — Susumu Hirasawaさん (@hirasawa) 6月 24, 2012 1個は冠婚葬祭用だし — Susumu Hirasawaさん (@hirasawa) 6月 24, 2012 もう一個は勝負ベヘリットだし。 — Susumu Hirasawaさん (@hirasawa) 6月 24, 2012 850円でも、850円の中の850円だし。 — Susumu Hirasawaさん (@hirasawa) 6月 24, 2012 ゴールド免許でも、かなりゴールド免許だし — Susumu Hirasawaさん (@hirasawa) 6月 24, 20
【閲覧時腹筋注意】Apple新商品のキャッチコピーが直訳すぎて気になったので集めました。 それに引き続き今度はAdobeのサイトにも似たような面白いものがあるということで見てきたました。 今回は前回ほどでは無いのですが、修正される前にキャプチャーを撮ったのでよろしければどうぞ。 これを見て、分かる人は分かると思います。 この<br>というのは、ホームページなどをつくるHTML等で使う改行のこと。 本来ならこの<br>というのはこのように表示されず、そこの部分が改行されるのですが、 <>が全角なんでしょうか?とりあえずそのまま表示されちゃっているので、こんな奇妙な文章に… とりあえずAdobeが提唱する<BR>の新たな次元をご紹介しましょう。 なるほど。<br>は効率かつ柔軟なんですね。 最高峰の<br>には世界が驚きます。 Adobeを使えば<br>が効率良く作れます。 <br>というのは
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
今回は綿手袋を着けて絵を描くとなかなか良い、という小ネタをご紹介します。 液タブ(21UX)の熱対策に綿手袋を使っている方は結構いると思いますが、 この綿手袋が、IntuosやBambooなどの板タブを使う時にとても便利なんです。 ご覧のように何の変哲もない綿100%の手袋ですが、 これを着けることで、手の引っ掛かりが軽減され、ペンをスムーズに動かすことができます。 これからの季節、湿気や汗でますます手がスムーズに動かせなくなるので、 吸湿性の高い綿手袋があると便利ですよ。作業の進み具合にぐっと差がつきます。 また、手首の引っ掛かりがなくなることで、手首が疲れにくくなり腱鞘炎の予防にも繋がります。 実際に綿手袋を着けるのと着けないのとで長時間絵を描いて比較すると、 綿手袋をつけていたほうが、断然疲れにくいです。 私は綿手袋をこのようにカットして使っています。 一応解説です。 こんな風にペン
1:名も無き被検体774号+:2012/06/16(土) 11:15:50.29 ID:ml+MXWHl0 たったらやる 3:名も無き被検体774号+:2012/06/16(土) 11:19:30.55 ID:ml+MXWHl0 ラフ http://www.dotup.org/uploda/www.dotup.org3096147.jpg 5:名も無き被検体774号+:2012/06/16(土) 11:23:36.42 ID:yFUSvI+p0 最後までヨロシク! 8:名も無き被検体774号+:2012/06/16(土) 11:31:39.23 ID:ml+MXWHl0 >>5 やる気はある ただ書き溜めがないから落ちたらごめんね 9:名も無き被検体774号+:2012/06/16(土) 12:07:05.06 ID:ml+MXWHl0 ラフの濃度を下げて、上から鉛筆ツールでゴリゴリと線画
前提 ■「銀河へキックオフ!」原作者・川端裕人氏は、東京都の青少年育成条例改正案に反対の立場から、全国同人誌即売会連絡会が協賛するシンポジウムにパネリストとして参加していたこともある人物である。 参考リンク: 『どうする!? どうなる? 都条例――非実在青少年とケータイ規制を考える』 http://yama-ben.cocolog-nifty.com/ooinikataru/2010/05/post-27c4.html http://otalab.net/news/detail.php?news_id=716 ■『「銀河へキックオフ!」オンリーイベント』を主催する同人イベント企業・スタジオYOUは女性同人ファンをターゲットにした同人誌即売会・同人誌通販事業の運営がメインであり、サークル参加者・一般参加者ともに女性が大半を占める。 ■川端氏を歓迎する返事を送った@youkun_only氏が自
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 (その時は無料RSSサービスを使っていました・・・) そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀`*)ノ ちなみに、以前はAPIキーを取得する必要があったよ
Windowsのシステムトレイ内に常駐することによって、リラックスするための自然音、いわゆるネイチャーサウンドを流して、あたかも森の中にいるかのような雰囲気にして仕事の効率をアップさせるフリーソフトがこの「Aura」です。 日中の自然音と夜間の自然音が選択でき、鳥の声や風の音、雨の音などさまざまな音をカスタマイズして組み合わせることも可能で、音の鳴る時間帯を選択したり、ついでにアラーム機能も付いています。 実際にどのような音なのかというムービー、それから本体のダウンロードとインストール、使い方などは以下から。 以下が実際にカスタマイズしている様子を録画・録音したムービーです。 YouTube - ネイチャーサウンドを流すフリーソフト「Aura」 Aura http://www.umopit.ru/AuraEng.htm 上記サイトにアクセスし、「umopit.ru」をクリックするか、「de
2012年06月12日18:12 いい感じのロゴ貼ってけ カテゴリ 知識・雑学画像ネタ 1: 以下、名無しにかわりましてネギ速がお送りします 2012/06/02(土) 07:40:05.03 ID:Zn0Mvjww0 それがどういうモノのロゴなのか分かりやすく伝わってくるようなロゴがいい スポンサードリンク 2: 以下、名無しにかわりましてネギ速がお送りします 2012/06/02(土) 07:42:15.49 ID:vVMuOijv0 4: 以下、名無しにかわりましてネギ速がお送りします 2012/06/02(土) 07:43:13.24 ID:Zn0Mvjww0 >>2 いいねいいね 3: 以下、名無しにかわりましてネギ速がお送りします 2012/06/02(土) 07:42:31.04 ID:Zn0Mvjww0 5: 以下、名無しにかわりましてネギ速がお送りします 2012/06/
ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。 そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページにどのように実装するのかなどを紹介します。 Rounded Corners and Why They Are Here to Stay 下記は各ポイントを意訳したものです。 角丸は目に、そして脳に優しい< 角丸のイメージは安心 -Appleのこだわり 角丸はいつ使用するべきか 角丸の実装:CSS3< 角丸の実装:古い方法 終わりに 角丸は目に、そして脳に優しい ビジュアル認知の権威:Jürg Nänni教授によると、『鋭角の長方形は同じ大きさの楕円より認知するのに努力を必要とする。人間の目は円形のものをより速く捉えることができる。」と述べています。 鋭角と角丸の視線の流れ 鋭
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く