レイアウトの基本構成・展開例、UIエレメントのバリエーション、カラーの使い方など、Webページのデザインの定義がまとめられたスタイルガイドを紹介します。 各リンク先では、スタイルガイドの大きいものやアニメーションなどを見ることができます。
![Webデザインの勉強にいい!レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4617cfaa89f2b2661e1b2704e3c49a2b7ccfa20c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016010602-01.png)
【追記】 こちらの参加応募受付は終了させていただきました。 ご応募いただいた皆さま、ありがとうございました。 一部抽選とさせていただく場合もありそうですので、ご応募いただいた方には 個別にメールにてご連絡させていただきます。 ----------------------- 【追記】 サポート用のTwitterアカウントを用意しました こんにちは、櫛井です。 昨年の12月に開催し好評をいただいたWebディレクター交流会を今年もやりたいと思います。今年は、株式会社サイバーエージェント、面白法人カヤック、株式会社ライブドアの3社で合同幹事をさせていただきます。基本的にカジュアルな会にしたいと考えてますので、お気軽にご参加ください。 前回は100名を超す参加人数だったので今年はもうちょっと多めに設定してみました。それにしても、1年あっという間ですね。 日時や場所 日 時:2009年12月10日(
ローカルファイルの画像やオンラインの画像から、Photoshop用のカラーパレット(スウォッチ)を作成できるオンラインサービス「Colors Palette Generator」を紹介します。 Image to Colors Palette Generator 対応画像はPNG, JPEG, GIFで、ファイルサイズは1MBまでとなっています。 上のキャプチャでは、いつものバナナ画像を使用してカラーパレットを作成しています。 カラーパレットはライトなものからダークなものまで4種類生成され、下部の「Save as Photoshop swatches」をクリックすると、Photoshop用のスウォッチ(.aco)がダウンロードできます。
Pantone Selects Color of the Year for 2009 ミモザの花言葉は、「豊かな感受性」。 満開のミモザの花は素晴らしいきらめきをはなち、晴れやかであふれる希望をイメージさせます。 ミモザは、女性のアクセサリー、家具、スポーツウェア、男性のタイやシャツなどに輝きを与えます。インテリアにもマッチし、朗らかで暖かさも演出するでしょう。 Pantone: fashion color spring 2009 続いて、2009年春のトレンドカラーです。 pantone fashion color report spring 2009 2009年春のトレンドカラーは、新芽の息吹や開花を表現したもの。「新しい始まり」を予感させます。 サイトでは、2009年春のトレンドカラーの各色のイラストや説明があるPDFが配布されています。
Today, more than ever, companies need to separate themselves from the others who share the same crowded marketplaces, and it is being done with branding and creating a unique and easily recognizable visual identity. The visual identity of a business can be one of its most valuable intangible assets, and big part of that visual identity is color. Referring to Business Week’s ‘Best Global Brands 200
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
補色(ほしょく)とは色相環 (color circle)で対角線上に位置する2色の組み合わせのこと。 補色は、特定の色を鮮明に浮かび上がらせる場合に有効的です。
こんにちは! やまもと@テスト番長です。 このところ段々と秋らしくなってきて、ウノウでも風邪をひくスタッフが目立つようになってきました。皆さんもお体にはお気をつけ下さい。 さて、テストネタからちょっと離れますが、便利なWEBサービスがありましたのでご紹介します。 Color Laboratory -- AWARE Center -- HTML Writers Guild Color Laboratory posted by (C)フォト蔵 ここでは色覚異常の場合の色の見え方を考慮しつつ、WebColor216色のカラーパレットから色の組み合わせを試してみることが出来ます。 右上のフレームでBaseline Gamma(OSの違いによるガンマ補正設定)を選択すると、色覚異常のタイプ設定が出ます。タイプを選択すると、操作にあわせて左上のフレームにあるカラーパレットが変化し、どんな風に見えてい
Find the Perfect Colors for Your Website << Vandelay Website Design Color choice is a crucial decision in every website design. 色の心理学に関連するエントリ Color Wheel Pro: Color Meaning Choosing Colors For Your Website Design The Meaning of Colour in Web Design 上記エントリでは、 赤は愛、情熱、危険、警告 青は信頼、成功、重さ、プロフェッショナリズム 緑はお金、動物、健康、ヒーリング、ハーモニー といった意味を持つといったことが述べられてます。 色の意味について知っておくことで、WEBデザイン制作の際の参考や、顧客に対する説明の際に役立つかも。 Color
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く