代表的な色のイメージと色の意味 熱や冷気がなくても赤色は暖かいと感じ、青色は冷たいと感じるのは色が持つ効果によるものです。色には何かイメージを作りだす働きがあります。 それぞれの色が持っている性質や効果を知っていると、色に意味や感情を持たせて使うことができます。ここでは代表的な色「白色・黒色・灰色・赤色・青色・緑色・黄色・橙色・桃色・紫色・茶色・金色・銀色」の13色について取り上げています。 色それぞれが持っている性質や心理効果といった色から受ける作用の理解を深めてみましょう。各色が持つ色の意味や与えるイメージを知っていると、迷わずに色を選べます。 色のイメージ効果を知ろう ■ 白：ホワイト☆光とピュアさが人気 ■ 黒：ブラック☆全てを包み込む ■ 灰：グレー☆誰とでも仲良し ■ 赤：レッド☆燃える紅 ■ 青：ブルー☆空色から紺碧 ■ 緑：グリーン☆植物の色 ■ 黄：イエロー☆元気が一番

ここ最近、はてなブログを見ていると左サイドバーが多く感じるようになりました。つい1ヶ月くらい前までは左サイドバーは稀だったというのがボクの印象です。 好みや慣れという事もあるのですが、個人的にはブログなら右サイドバーが好きです。 サイドバー無しというのは、結構自分としてはハードルが高いため採用しないな～と思っています。サイドバー上部のクリック課金型広告を出したいから使用しない　サイドバーがあるといろんな情報が読み取れるので便利ですよね。 上記の写真より 上記の写真を見てもらうと、右の空白よりも左のダンボーに最初に目が行く方が多いかと思います。 人は、ネットだと左から右に目を運ぶ習性があると言われています。 サイドバーの効果 サイドバーのあるブログのメリットはいろいろありますし、UIを考えた時にはサイドバーはあった方が良いと思っています。 もちろん、好みや主張を持ってサイドバー無しをされてい

HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス

photo by ak_tokyo はてなブログって投稿記事同士の繋がりが希薄なために、どうしても訪問者1人あたりの閲覧ページ数が少なくなりがち。 当サイト『クレジットカードの読みもの』の場合も残念な感じの数字で、現状では1訪問者につき1.3ページ程度しか見られていません（ほとんどの方が1ページしか見ていないということ）。 でもこれじゃどんなに記事数を増やして検索から入ってきて貰ったとしても、ページビュー数が増えていきませんよね。 グローバルメニューが欲しい： そこで役立ちそうなのがグローバルメニューです。 グローバルメニューとはヘッダー、つまり各記事の上部分にリンク一覧を設けて、サイト内をもっと循環してもらうためのメニューのこと。はてなブログ以外であれば当然のように実装されている機能だとも言えます。 グローバルナビゲーションとは - IT用語辞典 Weblio辞書 グローバルナビゲーショ

作成：2014/02/24 更新：2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 エンジニア速報は Twitter の@commteで配信しています。

Webデザイナーの私がブログを書き続ける理由先月、『海外でWebクリエイターとして働くには？』対談セミナーが無事終了しました。私自身初のセミナーだったので、かなり緊張したのですが…多くの方に来ていただき、感謝感謝です。セミナーでは海外でのWeb関連のお仕事事情や留学情報がメインテーマだったのですが、ブログ運営についても少しお話しました。残念ながら時間の都合上すべてを語りつくせなかったので、補足も兼ねてブログをすることのメリットを記事にしようと思います。 ブログを始めたきっかけ2009 年、夏。バンクーバーのとあるカフェで、同じく駆け出しであった日本人 Web デザイナーの友人に WordPress のオリジナルテーマの作り方を教えていました。彼曰く WordPress に関する記事は当時英語で書かれたものばかりで、日本語で詳しく書かれたサイトがあまりなかったようです。「海外に住んでるんだし

photo by ZERGE_VIOLATOR 先日予告させていただいた、レスポンシブデザイン化を行ってみました。 従来の場合にはiPhoneなどのスマホから閲覧した場合、PC版のサイドメニュー付きデザインが表示されてしまっていたのですが、これでスマホからも快適に閲覧できるようになると思います（まだiPhoneとAndroid両方とも、調整が微妙な箇所も多いですけどね…（汗））。 是非、スマホを持っている…という方は、試しに当サイトを見てみてください（検索で『クレジットカードの読みもの』と入れると出て来やすい）。従来のはてなブログデフォルトテーマではなく、PC版のようなデザインが適用されているはずです。 同時に最新記事にサムネイルを表示： 更にテーマ変更によってPC表示時のサイドメニュー横幅を300ピクセルに変更することが出来たので、従来からやりたかった記事のサムネイル表示も行ってみました

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！ アメーバゲーム部門でディベロッパーをしております、なるげと申します。 現在、私は「ガールフレンド（仮）」チームに属していますが、前は「フレンダリアと魔法の指輪」というファンタジーRPGで、モンスターのアニメーションを担当していました。 ガールフレンド（仮）でも一部CSSアニメを使用してキャラクターを動かしています。 今回は、ガールフレンド（仮）に登場するガールを例に、キャラアニメの制作をご紹介したいと思います。 ガールフレンド（仮）とは 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲー

どうも〜こんにちはぁ！ Web制作者として日々勉強中でありますライターの、のび太です。 先日「Webが学べる海外サイト10選」をご紹介させていただきましたが、もちろん国内サイトでも、Webに関してガッツリ学べる有益なブログはたくさんあります。 国内サイトでは、およそ80ぐらいのWeb系ブログをRSS購読させてもらっていますが、今回はその中でも厳選に厳選しまくった「これはWeb屋なら絶対必須でしょ！　もはやお金取られてもいいレベルや！」って感じた10個をみなさんにシェアしたいと思います。 また、大変恐縮ながら、個人的にベスト3だと思った記事（特に有益だと思った記事）も一緒にご紹介させていただきます。 【こちらもおすすめ】 ☞ Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 Webクリエイターボックス http://www.webcreatorbox.com/ あまりにも

タブレットがあればPCやキーボードがなくても指1本の直感的な操作でデザインの選択から記事の投稿まで行えるホームページ作成アプリが「ロリポタッチ」です。文字や写真だけではなくYouTube動画や地図までサクサクっと埋め込めるようになっており、シンプルかつデザイン性の高いホームページを誰でも簡単に作れるようになっているということで、どんな感じなのか、実際に使ってみました。 ロリポタッチ - ブログより簡単。写真や動画や地図のレイアウトも自由自在な、指先だけで作るホームページ作成アプリ。 http://lolipotouch.com/ まずはアプリをApp StoreからiPadにインストール。 アプリを起動します。 起動後、画面右下にある「サインアップ」をタップ。 メールアドレスとパスワードを入力して「さあ、始めよう」をタップします。 しばらく待つと以下のような画面が現れます。メールアドレスと

たまに見かけるけれど、背景をやたら凝ってみたり、jQuery を使って小奇麗なエフェクトを付けてみたりしているWebサイトを見ると、二流のデザインだなーと思う。 自分の考える一流のデザインは、一言で表現すると「さりげない」。デザインの存在をユーザーに意識させず、コンテンツに注力させるようなデザイン。 「二流」の例実際はこんな単純な話ではないけれど、例を挙げると CSSや画像等を全く使っていない、単色のWebサイト 「なんか殺風景で味気ないページだなあ」（コンテンツよりも先に、見た目が寂しいことが気になってしまう）CSSや画像等でゴテゴテに装飾しまくりのWebサイト 「すごく賑やかなサイトだわ」 (コンテンツよりも先に、自己主張しまくりの背景や見栄えのほうに意識が向いてしまう)必要十分な装飾が施されたWebサイトデザインについて意識が向くことなく、コンテンツの内容に注力できる前者の2パターン

最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直鬱陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって？ みんなChrome使ってる思ってたらアカンでほんま。 追記： この変なスクロールはパララックスと言うそうです。 「この変なスクロール＝パララックス」ではないそうです。 また、「この変なスクロール＝パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。