プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
装甲明朝は源ノ明朝の派生フリーフォント〜ステンシル体風明朝体
フリーフォント使用に当たって フォントをインストールして頂くとパソコンのワープロ、グラフィックソフトなどのアプリケーションを使って自由にデザイン、印刷することができます。個人利用・商用利用にかかわらず、無償で使用することができます。当フォントはSIL Open Font License 1.1のライセンスに準じます。 装甲明朝の概要 装甲明朝は以下の派生フォントです。 「源ノ明朝 (Source Han Serif)」 書体コンセプト 横線が極細のステンシル体風の見出し向け明朝体です。 少し劣化したラフな雰囲気に処理いたしました。 ミリタリーな雰囲気にも、男らしい格好良さにも マッチするようにと考えました。 装甲明朝の作例サンプル 書体見本 フォントダウンロード 以下をクリックしてダウンロードしてください 装甲明朝をダウンロードする 予備リンク インストール 1.フォントをダウンロードした
ワイヤーフレーム（モックアップ）を作るアプリがすごい進化してた | バニデザノート
ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね？」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly：Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン
さようならWindows XP 使い続けるのはバカ ニュー速(`・ω・´) みっくちゅじゅーちゅ
1 ： ジョフロイネコ(秋田県【緊急地震:千葉県北東部M4.6最大震度3】)：2013/01/04(金) 13:45:37.92 ID:dDeWYsgC0 ?PLT(12001) ポイント特典 2001年に登場し、エンタープライズからコンシューマーまで多くのユーザーに愛され続けてきたWindows XP。だが、 その「終わりの日」は着々と近づいている。アナリストたちは「XPを使い続けるのは賢い選択ではない」と口をそろえる。 http://news.mynavi.jp/articles/2013/01/04/winxp/index.html 3 ： セルカークレックス(高知県【緊急地震:千葉県北東部M4.6最大震度3】)：2013/01/04(金) 13:47:30.22 ID:aguw3R5I0 あと5年は使える 5 ： デボンレックス(長野県)：2013/01/04(金) 13:48:
スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」:phpspot開発日誌
Pikaday: JavaScript datepicker ? David Bushell ? Web Design & Front-end Development スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」 次のようなカッコいいピッカーが実装できます。CSS3等も利用していますが、IEの古い物でも使えるようになっているようです デザイン的にシンプルでいて綺麗な物なので、１つの選択肢として覚えておいてもよいかもですね。 jQueryプラグイン、ではないため、次のようなコードで初期化を行います 関連エントリ Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー 軽量でカスタマイズ容易な日付ピッカー実装jQueryプラグイン「Zebra_Datepicker」 Android風の日付ピッカー実装用jQueryMobileウィジェット「Mob
レスポンシブ デザイン用のレイアウトやナビゲーションなどのパターンのまとめ -This Is Responsive
レスポンシブ デザインのレイアウト、ナビゲーション、画像、フォームのパターンをはじめ、有益なリソースなどをコレクションしているサイトを紹介します。 This Is Responsive レスポンシブ デザインのパターン レスポンシブ デザインのリソースとニュース レスポンシブ デザインのパターン まずは、レイアウトやナビゲーションなど、レスポンシブ デザイン用のパターンから。 Responsive Patterns 下記にいくつかピックアップしました。
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年7月）
Lotta Nieminen / Extra l’agence / BCP INFINI - Graphic &am...他...全11件
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインは誰のもの？
jQueryでモーダルダイアログを実現するプラグイン２０:phpspot開発日誌
IBM Developer
無料でハイクオリティなアイコンやデザインの素材が手に入るサイト「IconDeposit」 | ライフハッカー・ジャパン
CSSで利用できるカラーネーム全147色を調べられるサイト「147 Colors」 | ライフハッカー・ジャパン