自作Vimカラースキーム「Iceberg」の配色戦略 | ここぽんのーと

2016/02/26 122 users Iceberg 配色 itchynyさん ほん コントラスト

itchynyさんのブログ記事を読んで、人のカラースキームの配色戦略を見るのはとても楽しい！と思ったので、自分も書いてみることにしました。 暗青系の落ち着いた配色でまとめています。 全体のコントラストを控えめにする 感じ方は人によって様々ですが、真っ黒の背景に真っ白の文字では、個人的には目がチカチカして疲れてしまいます。 このため、Icebergではコントラストを落として、チカチカを防いでいます。... 続きを読む

スプラトゥーンの Vim カラースキームつくった - sorry, uninuplemented:

2015/08/07 232 users vim TPS Sorry uninuplemented

2015-08-07 スプラトゥーンの Vim カラースキームつくった スプラトゥーン Vim スプラトゥーンとても流行ってますね．タイムラインをいつ見ても最低1人はプレイしている気がします． スプラトゥーンは（主に）ステージを自チームのポップな色で塗っていく陣取り型のTPSです． 僕はスプラトゥーンを購入してませんが，とても楽しそうなので Vim のカラースキームを実装してみました． https... 続きを読む

[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear

2014/12/24 271 users メインエディタ tipsBear 常日頃 公私とも エントリー

常日頃からお世話になっているSublime Textの、個人的に好きなテーマやカラースキーム・便利なショートカット・おすすめパッケージをまとめてみました。この記事はSublime Text Advent Calendar 2014 23日目のエントリーです。 出会った時からすっかり恋に落ちてしまって、今でもずーっと公私ともにメインエディタとして使用しているSublime Text。本当に使いやすく... 続きを読む

デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ | コリス

2014/11/13 140 users コリス PSD素材 ページレイアウト 参考 デザイン

サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのペー...記事の続きを読む 続きを読む

オシャレ派Vimmerのあなたへ。こだわりのカラースキームギャラリーを贈ります。 | ここぽんのーと

2013/12/17 322 users ほん Hybrid あなた vim スキーム

オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか？お好きですよね。 だって、このブログで一番アクセスされている記事が、カラースキームに関する記事なんですから。 [vim] 黒背景好きの僕の心を揺さぶるカラースキーム「hybrid」 | ここぽんのーと 僕もカラースキームが大好物です。 「hybrid」というステキなスキームを使うようになってからも、新... 続きを読む

一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ | コリス

2013/12/09 585 users コリス コーポレートカラー 配色設計 配色 グラデーション

コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表... 続きを読む

キュートな配色がかわいい！センスが光るUIエレメントが揃ったPSD素材 | コリス

2013/10/22 123 users コリス psd UIエレメント 配色 PSD素材

ピンクのカラーとマカロンが大好きな仏のデザイナー：Marie Dehayesが作成した、キュートなカラースキームでかわいくデザインされたUIエレメントが揃っているPSD素材を紹介します。 Freebie - Flat Design User Interface Elements ダウンロードできる素材のフォーマットはプレビュー用の.pngとレイヤーが保持された.psdで、.psdでは各エレメントが... 続きを読む

人間の目に優しい色合いを設計するためのカラースペース -HUSL | コリス

2013/10/06 129 users コリス RGB 色合い パステルカラー 設計

iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 HUSL -Human friendly HSL HUSL -GitHub HUSLは「Human friendly HSL」の略で、RGBのカラースペースに幾何学的な変換して設計... 続きを読む

商用利用無料、作り込みが素晴らしく色使いも勉強になるフラットなアイコン素材 -Ballicons | コリス

2013/09/03 130 users コリス パステル 使い道 細部 アイコン

フラットのアイコンって使い道が限定されてるよなと思うのですが、見てるだけで楽しい、各アイテムの細部の作り込みカラースキームなど素晴らしいアイコン「Ballicons」を紹介します。 ↓こういう風にアイコンを見せるのもかっこいいですね！ Ballicons ボールをイメージしたようなサークルに配置されたアイコンはとてもかわいらしく、落ち着いたパステルのカラースキームもいい感じです。 無料版のアイコン... 続きを読む

複数のカラーでカラースキームを作成する際に調和のとれたいい感じにするアイデア | コリス

2013/07/17 191 users チップス 絵の具 Photoshop アフター コリス

広範囲のコントラストをもつ複数のカラーからカラースキームを作成する際、調和のとれたカラースキームにするチップスを紹介します。 My Secret for Color Schemes ビフォーは個々のカラーが主張しあっていますが、アフターは調和のとれたなじんだ感じになっています。 やり方は簡単で、絵の具を混ぜるのをヒントにそれぞれのカラーをなじませます。 Photoshopで実際に試してみました。 ... 続きを読む

デザインする際に使える！10個のweb配色ツール【色の見本】

2013/06/01 562 users 見本 Photoshop 配色 カラ カラーパレット

こんにちは。 デザインにおいて配色の役割は大きく、色1つでWebサイトの印象がガラっとかわることはよくあります。 そこで今日は、配色を決める際に役立つツールを集めてみました。 Color Scheme Designer カラースキームを決められるサービスです。WEBページに落とし込んだ時の、配色のサンプルページなども見れてとても便利です。気に入った配色ができたら、Photoshopのカラーパレット... 続きを読む

[vim] 黒背景好きの僕の心を揺さぶるカラースキーム「hybrid」 | ここぽんのーと

2013/02/21 345 users ujihisa cocopon Hybrid コーディング

この記事は、 Vim Advent Calendar 2012 の83日目(!)の記事です。 昨日の記事は ujihisa さんの「unite.vimのfile_recで無視リストを追加する」。 – こんばんは。 目に優しい黒背景が大好きなcocoponです。 エディタの配色って大事ですよね。 見やすさは、コーディングの速度に直結します。 黒背景のvimを全画面表示にすれば、自然とテンションも上が... 続きを読む

2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ | コリス

2013/01/28 640 users コリス ナビゲーシ navigation ウェブデザイン

フラット、サークル、ブラー、ビッグ、ダークなど、2013年のウェブデザインのトレンドを探るかっこいいUIデザインをインスピレーションの宝庫Dribbbleから紹介します。 OLD > New ヘッダデザインの古いタイプはグラデとシャドウ、新しいタイプはフラットとアクティブのハイライト、この流れは確かに感じますね。 Navigation これも最近多く見かけるダークなカラースキームを使ったナビゲーシ... 続きを読む

iTerm 2 で使えるカラースキーム、Japanesque を作った - this A moment

2013/01/02 132 users dotfiles aereal colors エディタ 気持ち

2013-01-02 iTerm 2 で使えるカラースキーム、Japanesque を作った dotfiles/colors/Japanesque/Japanesque.itermcolors at master · aereal/dotfiles · GitHub生産性を高く保つためには新鮮な気持ちを保つことが重要だと考えていて、そのためにはターミナルやエディタのフォントやカラースキームを固定せ... 続きを読む

777個の『.vimrc』を解析したらこうなった・・・ | IDEA*IDEA

2012/10/25 254 users vimrc GitHub Vimmer IDEA 分布

githubから.vimrcをとってきて解析したらこうなった的な図ですよ。なかなか興味深いです。 ↑ カラースキームの分布とか。 ↑ 有効になっているオプションのランキング。ほー。 vimmerの方は参考にされてみてはいかがですかね・・・？ » .vimrc Scraping Data 続きを読む

ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ | コリス

2012/03/22 739 users コリス 組み合わせ テーマ別 カラー別 まとめ

Archive by month 2012年3月 (31) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43... 続きを読む

普段あまり使わないカラーの組み合わせを効果的に使う方法 | コリス

2012/01/26 562 users コリス Explore 組み合わせ パープル カラー

Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか？　グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは... 続きを読む

Vimでの見た目そのままにソースコードをKeynoteのスライドに貼り付ける方法 | cod.note

2011/07/03 225 users KeyNote vim cod.note スライド http

http://kakutani.com/20110703.html#p01 に触発されております．Vimでもできるよ!!! 1. ソースコードを:TOhtmlする まずはおもむろにVimで該当のコードを開きます． このとき注意しておきたいのは，背景色はKeynoteに反映されないので黒背景ならKeynoteのテキストボックスを黒背景に するか，Vim側のカラースキームを白背景のものにしておくかを予... 続きを読む

細部までしっかりこだわったヴィンテージデザインの6種類のエレメント | コリス

2011/01/18 242 users ブレンディ ツートンカラー コリス チュートリアル エレメント

人気のデザイントレンドの一つに、ヴィンテージ・レトロスタイルがあります。デザインにこれらを取り入れるために使いこなしたい6種類のエレメントを紹介します。 下記は各ポイントを意訳したものです。 元記事にはサンプルやチュートリアルなど豊富に掲載されています。 はじめに 1. サークルを使った形状 2. ツートンカラー、限定されたカラースキーム 3. タイポグラフィエレメントとトレンド 4. ブレンディ... 続きを読む

写真を使用してデザインをするためのベストプラクティス | コリス

2010/09/21 402 users コリス ベストプラクティス フォトグラフィ タイポグラフィ

写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる... 続きを読む

【ネタ帳】HTML5に関するチュートリアルやTipsなどのまとめ + 25記事*二十歳街道まっしぐら

2010/07/10 287 users チュートリアル Tips チートシート ライフハッカー ネタ帳

今週のTOP記事はHTML5関するもの。 HTML5のチートシートみたいなサイトがちょこちょこ現れていますが、そのまとめです。 HTML5のことをチェックしておきたい方は、是非覗いてみてくださいね。 あとはデザイン系からWebアプリ、拡張機能など幅広く揃いました。 カラーピッカーまとめに関しては、ライフハッカーの方で書かせていただきました。 →カラースキームを決めるのに役立つ、配色ジェネレータ17... 続きを読む

カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ : ライフハッカー［日本版］

2010/07/08 843 users ライフハッカー ジェネレータ 日本版 配色 手助け

Webツール , デザイン カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ 掲載日時：2010.07.08 10:00   コメント [0] , トラックバック [0] 相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介... 続きを読む

既存のデザインのクオリティをアップする8つのポイント | コリス

2009/07/01 424 users モノクロ 一色 Color Scheme Designer

デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみ... 続きを読む

ウェブデザイナーの作業を助ける12のオンラインツール | コリス

2009/01/16 429 users コリス ウェブデザイナー Six Revisions 作成

カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers [...] 続きを読む

ウェブデザインに役立つカラースキームのサンプルやジェネレーター集 | コリス

2008/11/30 271 users ジェネレーター コリス ウェブデザイン ジェネレーター集

The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing! 続きを読む