配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
BIGI online shop
BIGIの各ブランド商品が購入できる直営オンラインショップ。BIGIグループの商品がオンラインで購入できる、BIGI直営のオンラインショップです。 ご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 Sorry... Can't display contents correctly. This page cannot be displayed due to an internal error. To view this content, please try the following: Enable JavaScript in yo
写真素材、素材辞典のsozaijiten.com
「高齢者モデルは新規素材がなかなか見つからない」といったお客様の声に応え、現代を生きる「今の高齢者」の暮らしを反映した新しい写真素材が誕生しました。
脱・ド素人！Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 - WEB人
当たり前のSEOからアイデアSEOへ。…記事一覧Webデザイン全般や実際のワークフローについて要点… 脱・ド素人！Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 公開：2009年11月 9日 10:52, 更新：2009年11月 9日 11:37 トラックバック(0) コメント(0) 独学でWebデザインをやってみようとする場合、なぜか作業効率が悪かったり、作ってみたら最初考えていたようなデザインにならなかった、というとはないでしょうか？今回は、そんな人のための「目指すは脱・ド素人！Webデザイン初級ガイド」です。 ちなみに、そおらくこういう人にちょうど良いレベルだと思います。 HTMLやCSSを自分で書いてページを作る事が出来る。 無料ブログなどを少しはカスタマイズできる。 ソフトで簡単なサイトは作れるけれど、Webデザインの業務経験はない。 今まで手順を考えずに適当に思い
【連載】セカイ系ウェブツール考 (53) ユーザビリティの高いWebサイトの設計に! サイトデザインに便利なもの | ネット | マイコミジャーナル
今回のテーマは「サイトデザイン」 Webサイトを作る場合、何らかの画面デザインを作成するだろう。配置する機能を決めるワイヤーフレーム制作、ラフやモックアップなどと呼ばれるサイトデザインを作るわけだ。通常、Webデザイナーの方が画像編集ソフトウェアなどを用いて作るかもしれない。だが、こうした作業は工数がかかる。ちょっとした修正を行うのも大変だ。 そこで使われるのは、サイトイメージを作成するためのソフトウェアだ。あらかじめ決められたパーツなどを組み合わせていくことで、手軽に機能レイアウトやラフなどを作成することができる。そして実際の画面遷移を検討したり画面の配置するパーツを決めたりするのだ。 この手のツールを使えば面倒に感じていたサイトイメージの作成が効率的かつ楽しいものになる。さらにユーザビリティも高いWebサイト構築につながるはずだ。今回はそうしたサイトイメージを作成するためのWebアプリ
29分でできる！ あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
Home | mimulalala.com | ミムラララ
“突然”に見えるかと思われますが、ここ数年自分でしっかり考えて腑に落ちて決めたことで、事務所には昨年中に相談、新しい名前の画数なども調べてもらい、GOサインが出ました。 改名の主な理由は以下の三点。（＊詳細はこちらのmemoへ） （一）本家ムーミン“ミムラ姉さん”の知名度がぐんと上がったため （二）大河ドラマ台本の役名・出演者一覧を見て本来の日本名の大切さ （三）公私の自分がニアリーイコールになった 長らく使わせていただいた「みむら」を手放すのも忍びなく、日本に古くからある苗字のひとつなのでそのまま使用（＝呼ばれ方はそのまま）、名前は本名です（＊2012年6月memo参照）。本名と半々、よくある芸名のスタイルになりました。「所属事務所と揉めて」や「プライベートで何かあって」という理由からではないのでどうぞご安心ください。 国際情勢が騒がしくなり、落ち着かぬまま自国「日本」について考える機会
ウェブデザインの前線に居続ける。小山敬介のデザイナーとしての心構えやで | A.C.O. Journal
Why MonstarlabServicesWorkAboutNewsIRCareersContactJP世界の集合知とテクノロジーで変革をAmplifying transformation with Strategy,Design and TechnologyWhy MonstarlabOurServices世界の多様なプロフェッショナルが集結し、戦略策定、ユーザー体験設計、モダンな開発、成長基盤構築の各フェーズに伴走し、連続したイノベーションを繰り返すことで、お客さまの変革を実現します。01事業戦略02体験設計03開発04成長基盤構築サービスOurWork世界中で蓄積された豊富なナレッジと、あらゆる業界における実績、最先端のテクノロジーを駆使し、お客さまの変革を支援しています。ユーザー体験設計から革新的な保険サービスを生み出し、若い世代の日常に「保険」を取り込むことに成功Income
これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog
こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか？」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運
【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル
Lightbox 2.0とは？ Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
ITクオリティ 木目のデザイン22サイト
ホームページを作る時に、木目調のデザインを作りたいと考えたなら、ここを一度叩いてみるといいかもしれない。 実際様々なデザインがまとめてありますが、非常に参考になるサイトが多い。 それはユーザビリティの面から考えても言えるサイトが多数収録されています。 Pirates of the Burning Sea » Home http://www.wrapragecure.com GNV & Partners | studio di Web Design, Rimini Paul Wallas :: new media web designer Nebonmedia, from idea to design 上のような木目サイトがいっぱいあります。 Stunning Designs Using that Piece of Wood 2008/03/03(月) 20:54:27| ウェブ開発 | ト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Beautiful Email Newsletters
http://www.artbir.com/news/2010/04/07/post-401/
Designer Trench Coats | Burberry® Official
面白法人カヤック
WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳
Background Image Maker
クリエイティブなE-コマースサイトいろいろ - DesignWalker
