絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
ブラウザからちょー簡単にサイトの更新ができるようになる『SiteCake』 | 100SHIKI
まだ正式リリース前だが、なかなか興味深いサービスなのでご紹介。 SiteCakeはブラウザから簡単にウェブサイトを作成・編集できるツールだ。 詳しい導入方法はまだ明らかにされていないが、編集したいサイトにSiteCakeフォルダを追加するだけで、Firefoxから直感的に編集ができるようだ。 現在、サイトの方でデモを試すことができるが、ドラッグ＆ドロップで文章を追加したり、マウスで位置を変えたりといったことが実に簡単にできてしまう。感動ものなのでぜひ試してみてもらいたい。 こうしたツールがあれば、まるで紙の上で落書きするようにサイトが出来てしまうのではなかろうか。 年末には無料プランがリリースされるようなので楽しみにしていたい。
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
無料のアイコン配布サイト50を書いたデザイナー向けのブログ『DezinerFolio』*ホームページを作る人のネタ帳
いやーすごい。 海外では、たまにこういうごついまとめを見かけますが、本当にすごいですね。 見ているだけでもちょっと素敵な気分にさせてくれます。 今回は、無料で使えるアイコンサイト50のほか、この投稿をしてくれたブログについてご紹介いたします。 無料アイコン配布サイト50エントリ 無料で使えるアイコンサイト５０はこちら » Top 50 Supercool Free Icon Sets 今回ご紹介したサイト。 『DezinerFolio』というサイト。 既に見たことはあると思いますが、もしもまだ見た事が無いなら、WEBデザイナーさんなら一度は見ておいたほうがいいブログです。 例えば、次のようなエントリーなど、すごく参考になるところがあります。 3D Design Inspiration この記事は、人工的に作られた画像をまとめたエントリー。 リンク先には、もっと沢山の画像がありますので、参考
あのサイトがどの技術で作られているのかがわかる『BuiltWith』 | 100SHIKI
あのサイトがどの技術で作られているのかがわかる『BuiltWith』 August 14th, 2007 Posted in 未分類 Write comment エンジニアにとって、これはなかなか素敵なサイトではないだろうか。 あのサイトってどんな技術で作られているのだろう？という疑問に答えてくれるのがBuiltWithだ。 試しにTechcrunchを調べてみると、アクセス解析にはGoogle AnalyticsとMyBlogLog、ブログにはWordpress、広告にはFederated Media、言語はPHPとFlash、文字コードはUTF-8、サーバーのOSはDebian、といったことを教えてくれる。 またそれぞれの技術が他のサイトでどれぐらい使われているかも教えてくれる。例えばGoogle Analyticsはこのサイトに登録されているサイトのうち、42.89%のサイトが使って
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to nginx!
2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳