配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
Showcase Of Modern Navigation Design Trends — Smashing Magazine
The navigation menu is perhaps a website’s single most important component. Navigation gives you a window onto the website designer’s creative ability to produce a functional yet visually impressive element that’s fundamental to most websites. Because of their value to websites, navigation menus are customarily placed in the most visible location of the page, and thus can make a significant impact
100+ Resources & Inspiration for Hand Drawn Design - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact The hand drawn style of design is extremely popular right now. In this post we’ll take a loo
フォントに関する便利ツールを18種を一挙紹介 | ライフハッカー・ジャパン
企画書、チラシ、WEBサイト...制作作業にはフォントに関する困った事が色々あります。今回は、そんな困り事を解消する、フォントに関する便利なツールやアプリを、まとめて一挙に18種類ご紹介します。見出しのラインナップは以下にまとめてあります。気になるところだけ見ていってください。 1）フォントを楽に管理したい 2）気になるフォントを探し当てる方法 3）無料でフォントをダウンロード 4）フォントを自作する方法 1）フォントを楽に管理したい すべてのOSに、フォントビューアーやインストーラーは内蔵されていますが、外付けハードディスクには使えなかったり、仕事でフォントを使い込む人には不十分な場合もあります。 ◎Font Picker [すべてのOS（Adobe AIRインストールが条件）] パソコンのシステム内にある全てのフォントを一覧で表示してくれるのが「Font Picker」です。（米lif
CSS Remix
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
クラウドソーシング | Webデザイン フリーフォント Prismtone
クラウドソーシングって、 よくあるクリエイターのコミュニティ+マッチングサイトとかコンペとかと、何が違うのかイマイチわからなかったんで、軽くまとめ。 ロゴやバナー・チラシなどのデザインになってくると、 クラウドソーシングで事足りるのかも知れないですね。 これまでクラウドソーシングのサイトとかを見ていると かなり価格破壊が起きているので、 成果物としてのデザインは安かろう悪かろう的な感じだと想像していたけど、 MILLION DESIGNSっていうサイトは、感覚的にいいなと思った。 ロゴマーク制作のコンテストサイト｜MILLION DESIGNS 同じようなものとして、 Lancers - 個人に仕事を売ったり買ったり - 仕事マーケットプレイス なかなかどうして、金額設定が安すぎる気がする。 MILLION DESIGNSはロゴコンペ専門と言った方がいい気もするけど、 両方とも現在進行形で
Photoshopのかわりになるフリーソフト10選 – creamu
Photoshopに似た機能を無料で使いたい。 そんなときにおすすめなのが、『10 Excellent Open Source and Free Alternatives to Photoshop』。Photoshopのかわりになるフリーソフト10選だ。 以下にご紹介。 » GIMP 最も古くから知られているPhotoshopの代替ソフト » Krita 「Akademy Award for Best Application in 2006」の受賞作品 » Paint.NET MSPaintからオープンソースのイメージエディタとして進化を遂げた » ChocoFlop Macに最適化されたMac用のデザインアプリケーション » Cinepaint 動画編集やイメージエディタとしても使えるアプリ » Pixia 元々アニメやマンガ用に作られたエディタ » Pixen ピクセルアーティストのた
| ＾＾ |秒刊SUNDAY | アイコンの常識を凌駕する高クオリティフリーアイコン５０個
2009年02月16日 アイコンの常識を凌駕する高クオリティフリーアイコン５０個 カテゴリ：WEBデザイン アイコンと言えば、PCの操作上で識別する為のものですが、そのアイコンにこだわってみると言うのも今まで無かったのでは。Windows7時代になれば大きなアイコンも使えます。もちろんWebデザインにも使える。 ◆高クオリティフリーアイコン５０個 ※この記事とても長いです･･･。覚悟して見て下さい。 では Function Icon Set Concept Icons .08 Affel Smultron Icon Pack Eico Studio Anniversary Icon Pack Kidaubis 3D Icon - Blue series Beijing 2008 Icons Jonas Rask Icons The Shield Icon Set Mac Icons
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
手書き風ウェブデザインまとめ - DesignWalker
FastPNG
http://www.designwalker.com/2008/09/speech-bubble.html
120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳
Good Design Web
TROYT COBURN PHOTOGRAPHER | AnotherBookmark™
MOS BURGER
http://www.webdesignfromscratch.com/current-style.cfm
Connection Problem