並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 13196件

新着順 人気順

colorの検索結果321 - 360 件 / 13196件

  • iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速

    iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.

      iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速
    • Netflixの制作現場で浮き彫りになる「日本の遅れ」 「専門性の高い技術者不足」を招く、キャリア構造の問題点

      コンテンツビジネスの最前線で活躍するリーダーたちから、これからの日本のエンタメコンテンツのヒントを得る『Contents Innovation Days』。第4回目の今回は、ポリゴン・ピクチュアズ塩田周三氏と、Netflix宮川遙氏が登壇し、世界で通用する品質を支える組織の在り方について語りました。本セッションでは、宮川氏の講演の模様を公開。世界各国で制作されるNetflixオリジナルコンテンツ。そこで浮き彫りとなる「日本の制作現場の課題」が語られました。 日本における、作品づくりに向けたNetflixの取り組み 宮川遙氏:みなさん、こんにちは。Netflixのプロダクション・テクノロジーというチームの宮川と申します。まず、簡単な自己紹介からさせていただきたいと思います。映像制作で使用する海外製品を、日本のみなさんに使っていただけるようなワークフローの提案や、技術トレーニングといった仕事に

        Netflixの制作現場で浮き彫りになる「日本の遅れ」 「専門性の高い技術者不足」を招く、キャリア構造の問題点
      • ユニクロが私たちの中で「ダサくなくなった」のはいつからか(米澤 泉,MB) @gendai_biz

        いつのまにか聞かなくなった「ユニバレ」という言葉。いまや、ユニクロを着ていることがバレるのを恥じるどころか、そのアイテムを使ったスタイリングがインスタグラムなどのSNSで日々発信され、ネットメディアの「使えるユニクロ」の記事は高PVを稼ぐ。 ユニクロを着る意味は、ここ数年でどのような変化を遂げたのか。 新書『おしゃれ嫌い 私たちがユニクロを選ぶ本当の理由』(幻冬舎新書)で、ユニクロが日本の「国民服」となった理由について社会学の観点から読み解く甲南女子大学教授の米澤泉氏と、ユニクロやワークマンなどのプチプラアイテムをおしゃれに着こなすことをロジカルに教えるブログが人気で、そのメソッドを綴った『最速でおしゃれに見せる方法』(扶桑社)がベストセラーとなったファッションバイヤーのMB氏の二人に、ユニクロの普及とともに起きた日本のファッションの変化について語り合ってもらった。 「ユニクロをダサい」と

          ユニクロが私たちの中で「ダサくなくなった」のはいつからか(米澤 泉,MB) @gendai_biz
        • 色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン

          この投稿は 11年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 前回の記事に続き、僕と同じくデザイン力のない人のためのサバイブハウツーです。Webサイトを作っていると、デザインをしなくてはならないのですが、その際にとても困るのが色の決定です。 色使いというのはとても大事なもので、「ダサいなー」と思われる理由のトップクラスに位置するものです。デザインというのは上手くいっている場合は気づかれず、失敗したときに目立ちます。 みんな大好き愛生会病院 僕はいままで某大手企業の研修や某デジハリなどで沢山の初心者を見てきましたが、確実に言えることは99%の人に色彩センスはないということです。「好きな色決めてね」というと、99%の人がクソのような色を使ってきます。これは当人がダサいかダサくないかにかかわらず、99%色彩センスがありません。 Webで色彩セ

            色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン
          • 2011年、押さえておきたいウェブデザインの11のトレンドとテクニック

            Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、

            • NURO光(ニューロ光)の評判と口コミ。キャンペーンエリア内のマンションで使用ならあり

              今回はnuro光の評判・口コミやそのサービス内容について徹底調査しました。 nuroの利用を検討中の方は是非参考にして下さい! 速度が鬼?nuro光のキャンペーン評判・口コミを徹底調査! 最大通信速度が2Gbpsと謳われているnuro光ですが、そのサービスは実際に使ってみてどうなのでしょうか? ここからはnuro光の評判について、光回線では重要となる主に以下の点に分類してそれぞれSNSやネット上の口コミから参考になりそうなものをまとめました。 通信速度 料金 サポート 回線工事に要する期間 その他サービス 最近インターネットが遅いなぁなんて御嘆きのそこのあなた。 日本最高速の光回線nuro光であれば爆速のインターネット体験が出来ますよ。 今なら35000円のキャッシュバック可能です。 nuro光公式サイトは以下からどうぞ。 nuro光公式サイトはこちら 光回線おすすめ安い比較ランキング。プ

              • ウェブセレクション - Webデザインの参考になるサイトを集めたリンク集。ホームページ制作のお供にどうぞ。

                LR icons https://lricons.com/ 81-web.com https://81-web.com/ Web Design Clip https://www.webdesignclip.com/ MUUUUU.ORG https://muuuuu.org/ 現代デザイン https://gendaidesign.com/ イケサイ https://www.ikesai.com/ Good Design WEB http://gooddesignweb.com/ I/O 3000 https://io3000.com/ Responsive Web Design JP https://responsive-jp.com/ S5-Style https://bm.s5-style.com/ WeLoveWP https://welovewp.com/ SANKOU! htt

                • デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

                  デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

                    デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
                  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

                    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

                      ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
                    • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

                      Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

                        覚えておきたい配色のワザと便利なツール :: Love & Design ::
                      • in the looop | Looops communications

                        ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

                        • 第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。

                          どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き!ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン

                            第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
                          • 今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net

                            Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います。勉強 になるブログ記事!みたいなのはほっといても 誰かがまとめるんじゃないかな。 というわけで完全に自分用なのでいつも通り内容は偏ってます。一気にまとめて復習・・・出来るといいなwちゃんとアウトプットしないとダメですね・・とはいえ適当に端折ってます。そんな見る暇無さそうですし。 結構まとまりないです。 色彩センスのいらない配色講座

                              今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net
                            • 相性の良い色を自動でピックアップしてくれる「ColorBlender」

                              ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能

                                相性の良い色を自動でピックアップしてくれる「ColorBlender」
                              • これは凄い!!面白い色塗りテクニック 「グリザイユ画法」で描こう! - 萌えイラスト上達法! お絵かき初心者の学習部屋

                                90:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 17:22:35.22 ID:H20d2o4r0 最近厚塗りに挑戦してるんだけどなんか上手くいかん・・・ 使用ツールはSAI 91:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 17:26:15.38 ID:p8YlH8cR0 >>90 うめーじゃん もっと細いブラシで細かいところ塗っていけばいんじゃね? 93:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 17:58:25.77 ID:cq6KBufl0 厚塗りするなら色に頼らずグレスケで塗ってみろってばっちゃがいってた 102:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 19:43:00.58 ID:H20d2o4r0 >>93 成る程、ありがとう! グレースケール

                                  これは凄い!!面白い色塗りテクニック 「グリザイユ画法」で描こう! - 萌えイラスト上達法! お絵かき初心者の学習部屋
                                • 「色物の服を買っても合わせ方がわからない」人向けの画像がすごい。「これでまず失敗しないと思います」→「ちょうど悩んでた」

                                  わかな|イメコンとCanvaとデザインと @wakana_design 友達に「色物の服を買っても合わせ方がわからない」と言われたので、一番簡単な色の取り入れ方をまとめてみました💡 ベースカラー+1色だけ!と考えれば、まず失敗はしないと思います pic.twitter.com/hbKoLMktyA 2022-03-07 20:17:02

                                    「色物の服を買っても合わせ方がわからない」人向けの画像がすごい。「これでまず失敗しないと思います」→「ちょうど悩んでた」
                                  • 配色に自信がなくても!Webデザインが好きになる配色ツールと使い方

                                    2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト! ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです! オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色(=同

                                      配色に自信がなくても!Webデザインが好きになる配色ツールと使い方
                                    • Sketchpad

                                      Sketchpad is an online drawing application -- written in

                                      • ブロガー必見!配色を決めてくれる人工知能【Khroma】がスゲーー!! | OMGmag

                                        配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか?いい感じの色使いって難しいんですよね。そういう仕事してるぼくでさえ、悩むポイント。ちょっと苦手です。 今日紹介するのは配色ツール。 このブログの場合は自分の好きな色でまとめた感じなんですけど、やはり見やすい色の組み合わせってあるので、好きな色をいくつも入れたら見た目がド派手になってしまった!なんてことも起こりがち。 そういうのを一気に解決してくれるやつを紹介します! AI(人工知能)です!未来ですね。 しかも無料!(素晴らしい) Khromaっていいます!!(読めねーよ!) Khroma – The AI color tool for designers 使い方はとても簡単 サイトを開いて【Personalize】をクリック するとカラーパレットがズラッと出てくるので好きな色を

                                          ブロガー必見!配色を決めてくれる人工知能【Khroma】がスゲーー!! | OMGmag
                                        • 40 Beautifully-Designed Navigation Menus | Vandelay Design Blog

                                          These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.

                                          • 【カラーテスト】92%がパスできません!イエロー限定テスト

                                            “もし魔法が使えたら…。 そんな妄想、誰もがしたことあるでしょう。 あなたはどんな魔法が得意だと思いますか? 熱い火で攻撃する炎魔法? それとも仲間をサポートする回復系? この診断では魔法使いであるあなたの得...

                                              【カラーテスト】92%がパスできません!イエロー限定テスト
                                            • 効果的なミニマルデザインと退屈なデザインの境界線

                                              2013年3月23日 Webデザイン, インスピレーション ミニマルデザインを考えるときによく使われる言葉「Less is more(少ない事は効果的だ)」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore(少ない事は退屈だ)」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ↑私が10年以上利用している会計ソフト! ミニマルデザインとは そもそもミニマルデザインとはなんなんでしょう?Wikipediaを見ると ミニマル・デザイン(Minimal Design)は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいの

                                                効果的なミニマルデザインと退屈なデザインの境界線
                                              • 「K=100は濃い灰色!」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然

                                                概要 ▶ PhotoshopVIPのK=100は黒ではありません? K=100は濃いグレー? リッチブラックはC=90, M=90, Y=30, K=100?…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」(PhotoshopVIP)で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった(一部)。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か? 日本に限って言うならはっきりと、「いいえ。違います」 K100%はグレー???いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。(違ったらすみません) 日本と欧米ではブラックのインキの濃度が違う

                                                  「K=100は濃い灰色!」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
                                                • 『有職装束大全』著者の八條忠基先生による「即位礼当日賢所大前の儀」「即位礼正殿の儀」に関するまとめ

                                                  まとめ 「ヤベェ本を買ったぞ…」地元にひっそり置かれていた本を紹介、バズる→出版社の電話が鳴り止まない!重版決定!→著者がお.. このスピード感、惚れ惚れするなあ! 668510 pv 6740 1284 users 8600 八條忠基 @EeoduLzbYVjTprk まもなく、「即位礼当日賢所大前の儀」が行われます。 この祭儀に際して天皇陛下は「帛御袍」という、純白の御束帯をお召しになります。これは嵯峨天皇が802年、天皇の重儀の装束の色を「黄櫨染」と定めたとき、神事には白、と合わせて決められましたことからの伝統です。 2019-10-22 08:24:17

                                                    『有職装束大全』著者の八條忠基先生による「即位礼当日賢所大前の儀」「即位礼正殿の儀」に関するまとめ
                                                  • 【デザインまとめ】綺麗なデザインの管理画面 40種類

                                                    今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。 通常の静的なサイトのデザインとは異なり、投稿がある場合無い場合とたくさんのパターンを考えながら制作しなければならないので、デザイン力が問われます。これらを日本語に置き換えるとまた違って見えたりするのですが、ひとまず、ご参考になればと思います。 ▼ The Kamarel デモサイト ▼ Apricot Bootstrap デモサイト ▼ The Vira デモサイト ▼ Cameo デモサイト ▼ DefOne デモサイト ▼ Pixit デモサイト ▼ AdminEx デモサイト ▼ Odin デモサイト ▼ Minimal デモサイト ▼ Delighted Flat デモサイト ▼ Tisa Premium デモサイト ▼ Adminre デモサイト ▼

                                                      【デザインまとめ】綺麗なデザインの管理画面 40種類
                                                    • CSS/HTMLのテクニックをクロスブラウザ対応(特にIE)にする方法のまとめ

                                                      17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu

                                                      • モバゲーをけなす30代男性を見て思うこと::村上福之の「ネットとケータイと俺様」:オルタナティブ・ブログ

                                                        南場社長の「ソニー・任天堂は還暦」発言のスレッドに本ブログのデータがコピーされて、「はちま」や「痛いニュース」やニュー速VIPやその他あっちこっちに飛び火してる。ディスりかたがすごいなぁ。はてブの意見や2ちゃんの意見を見て、思ったことをスライドにまとめてみた。 1.今と昔(1) 2.今と昔(2) 3.今と昔(3) 4.今と昔(4) 5.永遠に繰り返されるの大人の法則 6.永遠に繰り返されるの若者の法則 6.結論 ついったーやってます。暇ならレッツフォロー!↓公式ボタンでつぶやけるよ! Tweet (追記)「モバゲーで課金しているのは子供じゃない」とかいろいろご意見をいただいております。ごもっともです。ここで言いたいのは「俺たち、いつの間にか、新しい物に文句を言う方の側に回ってしまったよ。さみしいな。」ということなんですよ。このエントリーは市場性がどうのこうのではなく「ぼくはら、もう、夏の終

                                                          モバゲーをけなす30代男性を見て思うこと::村上福之の「ネットとケータイと俺様」:オルタナティブ・ブログ
                                                        • 色見本と配色サイト - color-sample.com

                                                          色 色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見本を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。

                                                            色見本と配色サイト - color-sample.com
                                                          • 『ポプテピピック』ゲームパート担当の現役大学生「いつか社会的に抹殺されちゃうかもしれません」──パロディにかける思いとネタの出所とは【山下諒インタビュー】

                                                            「回転機能を使わずにナナメ45度のキャラもしっかり描いている」、「色数制限にこだわってレトロゲーム風グラフィックを再現している」といった声が、いわゆるドット絵警察と呼ばれるネット上のマニアを中心に絶賛されているのだ。 驚くべきことに、このゲームパートを担当したのは現役大学生。東京造形大学4年生の山下諒氏(@chiemin1063)である。 ドット絵の黄金期は1990〜1994年だと言われており、やがて2000年代には暗黒期を迎える。だが2010年以降は復興期に入り、制限のあるドットで“あえて”表現するという文化に注目が集まり、若年層にもドット絵に興味を持つ人が増加。 その一方で、若手へのドット絵の制作技術の継承も行われていなかったため、ドット絵を打てる人が慢性的に不足するという事態に陥っている。 そんな状況下で、なぜ現役大学生が商業アニメである『ポプテピピック』でドットを打つことになったの

                                                              『ポプテピピック』ゲームパート担当の現役大学生「いつか社会的に抹殺されちゃうかもしれません」──パロディにかける思いとネタの出所とは【山下諒インタビュー】
                                                            • カラーツール「0to255」で色を決めてメニューを作ってみる

                                                              このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん

                                                                カラーツール「0to255」で色を決めてメニューを作ってみる
                                                              • 最適なテキストリンクの色は? | ウェブ力学

                                                                青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ

                                                                • 新着記事

                                                                  『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

                                                                    新着記事
                                                                  • マーケティングにおける色彩心理学の本当の使い方

                                                                    by Tiger Pixel マーケティングにおいて色彩心理学を利用することは重要とされますが、色彩の持つ効果は個人の経験に依存し、学術的に裏付けされたデータが少ないため、議論も多いところです。そこでHelp Scoutがブログで研究によって明らかにされた色彩の持つマーケティングでの効果をまとめたのが「The Psychology of Color in Marketing and Branding」で、実際に商品を売り出したり、ウェブサイトをデザインする際にも非常に役立つ内容となっています。 The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心理学に関する誤解 どうして色彩心理学は多くの誤解を含み、そして

                                                                      マーケティングにおける色彩心理学の本当の使い方
                                                                    • Git の diff を美しく表示するために必要なたった 1 つの設定 #git - 詩と創作・思索のひろば

                                                                      Git に同梱されている contrib/diff-highlight を使います。 あとは README に書いてあることの引き写しですが、PATH の通ったディレクトリに置いて、~/.gitconfig に以下のように設定を書く。 [pager] log = diff-highlight | less show = diff-highlight | less diff = diff-highlight | less すると、対応するコマンドの出力がこんな風になります。 行レベルの diff に加えて、単語レベルでの diff もハイライトされ、GitHub での diff のように描画されました。 組み込みのオプションで --color-words というのがありますが、こちらを使うと行レベルの diff 情報が失われるので、少し不便だったわけですね。とすべて README に書いてあ

                                                                        Git の diff を美しく表示するために必要なたった 1 つの設定 #git - 詩と創作・思索のひろば
                                                                      • http://e0166nt.com/blog-entry-646.html

                                                                          http://e0166nt.com/blog-entry-646.html
                                                                        • ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE

                                                                          まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配

                                                                            ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
                                                                          • ヘッダーやナビゲーション等、Webデザインをパーツ別に収集しているギャラリーサイトまとめ

                                                                            いくつか知っておいた方が、必要な時に 探しやすいと思ってメモします。Webサイト のデザインをヘッダーやフッターなど、 パーツ別に収集しているギャラリーサイトが いくつかあるのでまとめます。 そんな大量に有るわけではないですけど。パーツのデザインはいつも迷うのでこの手のギャラリーはいくつあっても結構重宝しますよね。 ブブンデザインアーカイブ 国内でおそらく唯一のパーツ別デザインギャラリーです。ナビゲーションやフッターなどで探せて、収集しているサイトも国内メインなので参考になるのでは。 ブブンデザインアーカイブ MephoBox ヘッダーやフッター、ナビゲーションやフォームデザインだけでなく、404やカレンダーなど全てのコンテンツをカテゴリにしてパーツデザインを収集しています。おすすめ。 MephoBox Pattern Tap こちらもナビゲーションやボタン、フォームデザインなどに分けてデ

                                                                              ヘッダーやナビゲーション等、Webデザインをパーツ別に収集しているギャラリーサイトまとめ
                                                                            • サービス終了のお知らせ - NAVER まとめ

                                                                              サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                                                                サービス終了のお知らせ - NAVER まとめ
                                                                              • せつないコピーと鮮やかな色彩が印象的な「ルミネ」の広告 - NAVER まとめ

                                                                                サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                                                                  せつないコピーと鮮やかな色彩が印象的な「ルミネ」の広告 - NAVER まとめ
                                                                                • CSSだけで作るtableデザインテクニックVer.02(おまけ付き)

                                                                                  今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます! こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです!!予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました! 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ! CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top

                                                                                    CSSだけで作るtableデザインテクニックVer.02(おまけ付き)