代表的な色のイメージと性質・色の意味
代表的な色のイメージと色の意味 熱や冷気がなくても赤色は暖かいと感じ、青色は冷たいと感じるのは色が持つ効果によるものです。色には何かイメージを作りだす働きがあります。 それぞれの色が持っている性質や効果を知っていると、色に意味や感情を持たせて使うことができます。ここでは代表的な色「白色・黒色・灰色・赤色・青色・緑色・黄色・橙色・桃色・紫色・茶色・金色・銀色」の13色について取り上げています。 色それぞれが持っている性質や心理効果といった色から受ける作用の理解を深めてみましょう。各色が持つ色の意味や与えるイメージを知っていると、迷わずに色を選べます。 色のイメージ効果を知ろう ■ 白：ホワイト☆光とピュアさが人気 ■ 黒：ブラック☆全てを包み込む ■ 灰：グレー☆誰とでも仲良し ■ 赤：レッド☆燃える紅 ■ 青：ブルー☆空色から紺碧 ■ 緑：グリーン☆植物の色 ■ 黄：イエロー☆元気が一番
左サイドバーと右サイドバーとサイドバー無し、どれが好き？サイドバーの目的について - 鈴木です。別館
ここ最近、はてなブログを見ていると左サイドバーが多く感じるようになりました。つい1ヶ月くらい前までは左サイドバーは稀だったというのがボクの印象です。 好みや慣れという事もあるのですが、個人的にはブログなら右サイドバーが好きです。 サイドバー無しというのは、結構自分としてはハードルが高いため採用しないな～と思っています。サイドバー上部のクリック課金型広告を出したいから使用しない サイドバーがあるといろんな情報が読み取れるので便利ですよね。 上記の写真より 上記の写真を見てもらうと、右の空白よりも左のダンボーに最初に目が行く方が多いかと思います。 人は、ネットだと左から右に目を運ぶ習性があると言われています。 サイドバーの効果 サイドバーのあるブログのメリットはいろいろありますし、UIを考えた時にはサイドバーはあった方が良いと思っています。 もちろん、好みや主張を持ってサイドバー無しをされてい
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
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辞書 グローバルナビゲーショ
Webデザイナーの私がブログを書き続ける理由 | Webクリエイターボックス
2014年8月20日 Web関連記事 先月、『海外でWebクリエイターとして働くには？』対談セミナーが無事終了しました。私自身初のセミナーだったので、かなり緊張したのですが…多くの方に来ていただき、感謝感謝です。セミナーでは海外でのWeb関連のお仕事事情や留学情報がメインテーマだったのですが、ブログ運営についても少しお話しました。残念ながら時間の都合上すべてを語りつくせなかったので、補足も兼ねてブログをすることのメリットを記事にしようと思います。 ↑私が10年以上利用している会計ソフト！ ブログを始めたきっかけ 2009年、夏。バンクーバーのとあるカフェで、同じく駆け出しであった日本人Webデザイナーの友人にWordPressのオリジナルテーマの作り方を教えていました。彼曰くWordPressに関する記事は当時英語で書かれたものばかりで、日本語で詳しく書かれたサイトがあまりなかったようです
レスポンシブデザイン対応のブログテーマに変更しました。これで大型ディスプレイから小型タブレットまで、幅広く対応できたと思います。 - クレジットカードの読みもの
photo by ZERGE_VIOLATOR 先日予告させていただいた、レスポンシブデザイン化を行ってみました。 従来の場合にはiPhoneなどのスマホから閲覧した場合、PC版のサイドメニュー付きデザインが表示されてしまっていたのですが、これでスマホからも快適に閲覧できるようになると思います（まだiPhoneとAndroid両方とも、調整が微妙な箇所も多いですけどね…（汗））。 是非、スマホを持っている…という方は、試しに当サイトを見てみてください（検索で『クレジットカードの読みもの』と入れると出て来やすい）。従来のはてなブログデフォルトテーマではなく、PC版のようなデザインが適用されているはずです。 同時に最新記事にサムネイルを表示： 更にテーマ変更によってPC表示時のサイドメニュー横幅を300ピクセルに変更することが出来たので、従来からやりたかった記事のサムネイル表示も行ってみました
『CSS3でつくるキャラアニメーション』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！ アメーバゲーム部門でディベロッパーをしております、なるげと申します。 現在、私は「ガールフレンド（仮）」チームに属していますが、前は「フレンダリアと魔法の指輪」というファンタジーRPGで、モンスターのアニメーションを担当していました。 ガールフレンド（仮）でも一部CSSアニメを使用してキャラクターを動かしています。 今回は、ガールフレンド（仮）に登場するガールを例に、キャラアニメの制作をご紹介したいと思います。 ガールフレンド（仮）とは 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲー
Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！ Web制作者として日々勉強中でありますライターの、のび太です。 先日「Webが学べる海外サイト10選」をご紹介させていただきましたが、もちろん国内サイトでも、Webに関してガッツリ学べる有益なブログはたくさんあります。 国内サイトでは、およそ80ぐらいのWeb系ブログをRSS購読させてもらっていますが、今回はその中でも厳選に厳選しまくった「これはWeb屋なら絶対必須でしょ！ もはやお金取られてもいいレベルや！」って感じた10個をみなさんにシェアしたいと思います。 また、大変恐縮ながら、個人的にベスト3だと思った記事（特に有益だと思った記事）も一緒にご紹介させていただきます。 【こちらもおすすめ】 ☞ Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 Webクリエイターボックス http://www.webcreatorbox.com/ あまりにも
指1本の直感的な操作でデザイン性が高いホームページが作れる無料アプリ「ロリポタッチ」を使ってみました
タブレットがあればPCやキーボードがなくても指1本の直感的な操作でデザインの選択から記事の投稿まで行えるホームページ作成アプリが「ロリポタッチ」です。文字や写真だけではなくYouTube動画や地図までサクサクっと埋め込めるようになっており、シンプルかつデザイン性の高いホームページを誰でも簡単に作れるようになっているということで、どんな感じなのか、実際に使ってみました。 ロリポタッチ - ブログより簡単。写真や動画や地図のレイアウトも自由自在な、指先だけで作るホームページ作成アプリ。 http://lolipotouch.com/ まずはアプリをApp StoreからiPadにインストール。 アプリを起動します。 起動後、画面右下にある「サインアップ」をタップ。 メールアドレスとパスワードを入力して「さあ、始めよう」をタップします。 しばらく待つと以下のような画面が現れます。メールアドレスと
二流のデザイン
たまに見かけるけれど、背景をやたら凝ってみたり、jQuery を使って小奇麗なエフェクトを付けてみたりしているWebサイトを見ると、二流のデザインだなーと思う。 自分の考える一流のデザインは、一言で表現すると「さりげない」。デザインの存在をユーザーに意識させず、コンテンツに注力させるようなデザイン。 「二流」の例実際はこんな単純な話ではないけれど、例を挙げると CSSや画像等を全く使っていない、単色のWebサイト 「なんか殺風景で味気ないページだなあ」（コンテンツよりも先に、見た目が寂しいことが気になってしまう）CSSや画像等でゴテゴテに装飾しまくりのWebサイト 「すごく賑やかなサイトだわ」 (コンテンツよりも先に、自己主張しまくりの背景や見栄えのほうに意識が向いてしまう)必要十分な装飾が施されたWebサイトデザインについて意識が向くことなく、コンテンツの内容に注力できる前者の2パターン
Webサイトに変なスクロール使うのをやめろ
最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直鬱陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって？ みんなChrome使ってる思ってたらアカンでほんま。 追記： この変なスクロールはパララックスと言うそうです。 「この変なスクロール＝パララックス」ではないそうです。 また、「この変なスクロール＝パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ