プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
TOKYO 23
UKYO Inaba UKYO Inaba フリーランスの映像作家。 扱う映像は幅広く、実写から3DCG、手書きやプログラミング映像などを組み合わせ、独特の世界観を作り上げる。 PROGRESSIVE FOrMからリリースとなったPawnのミュージックビデオや、GIF画像集"TOKYO 23"などを制作、活動の幅を広げている。 また、サウンドデザインやグラフィックデザイン、イラストレーションなど様々なジャンルで活動している。 商業CM、VPのディレクションやCG制作、アートワーク、ミュージックビデオの 制作希望は uk.inaba[at]gmail.comで受け付けています。 Freelance Movie Director. Making various movies with Steel Picture, 3DCG, Programming, handwriting, etc. One
新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー
「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック その...他...全10件
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
ホリエモン収監の日のためのTシャツ - 暮らしを楽しくする ほんの「小さな」デザイン 『スモールデザイン』 │ 東京・吉祥寺
P&M 代表 菊竹 進 Tシャツショップ「P&M」 東京都武蔵野市吉祥寺南町1-1-2 アンドウビル4F 吉祥寺駅南口（公園口）を右に出て5軒目（マクドナルド→ファミリーマート→古本→パチスロ→1F居酒屋『ぶたぼーる』のビル 4階） open 11:00-19:00 ※コロナのため現在12:00-17:00 不定休 （休みはブログの下の方に告知しております。） tel 0422-24-9017 300以上のデザインの中から選んでその場でTシャツにプリント！20分でお渡しします。 デザインレーベルは、スモールデザイン（シンプル＆パロディ）、ジジ（時事ネタ）、スーベニア吉祥寺（吉祥寺ネタ）の３つ。 お気に入りのデザインを見つけよう。 菊竹進 1972年 福岡生まれ。 家具工場を営む父からアート、デザイン、建築を教わる。 福岡大学法学部在学中（1991年〜）に現代美術とデザインを学び、卒業後印刷
すくいぬ WEBデザイン詳しい暇な人ちょっとニートを助けて
2024 02 ≪ 12345678910111213141516171819202122232425262728293031≫ 2024 04 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/11/24(火) 11:47:13.45 ID:ZAwq5sRE0 ちょっとカンプとかいうの作ったんで見て(´･.ゝ･`) 根本からダメなのはわかるけど完成だけはさせたいんで アドバイスおくれ(´･.ゝ・`) 見出しの中身・・・ 3 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/11/24(火) 11:52:02.96 ID:ZAwq5sRE0 こねえ(； ･`д･´) 4 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/11/24(火) 11:53:31.47 ID:ZAwq5sRE0 ぬ・・・ そうか、甘え
SEOを意識したサイトデザイン | パシのSEOブログ
完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基本となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうしてもこんな感じになってしまいます。あくまで基本となるレイアウトですので、作るサイトにあわせ位置の調整や、必要な項目の追加を行ってください。 ヘッダー ページの見出しとなるh1と、ページの概要を説明するためのテキストを配置します。h1とテキストは全ページ異なるユニークなものを記述します。 ヘッダーの左側にはロゴを配置し必ずリンクにします。ロゴは、ソースの上部に位置し、全ページ共通のトップページへのリンクとなる為、CSSの画像置換えを使用しアンカーテキストにはメインキーワードを含ませた方が良いでしょう。 イメージリ
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
第16回 Webサイトの配色で失敗しないための知識
今回のポイント Dull，Dark，Light，Vivid 標準灰色 トーンによる印象 補色と等色相差 今回は色の使い方について，少しつっこんだお話をしましょう。色味を表現する形容詞や，ある色の色味を変えた「トーン・バリエーション」から喚起されるイメージなどについて説明した後，色を組み合わせる際の考え方について，以前に紹介した「同系色の組み合わせ」から一歩進んだ知識を紹介します。 色味を表現する形容詞と明るさの基準 古くからある日本語の色の呼称は，その色を持つ物体からつけられることがよくあります。例えば「藍色」「橙色」「鶯色」「茜色」などはわかりやすい例です。こうした呼称はあいまいさもあります。「ねずみ色」と「灰色」はどちらもグレーを指しますが，果たしてどちらが暗い灰色なのかは微妙です。日本語は何事に対してもあいまいさが美徳とされる言語なのです。 あいまいな日本語の世界は置いておくとして，
テキストをハイライトすると絵が出てくる！ - sta la sta
※Firefox（推奨）またはSafariでご覧ください。(未確認ですがFlockでも良いようです。) via http://metaatem.net/highlite/ まずは以下のテキストをマウスでハイライトさせてみてください。（あるいはCtrl+Aでテキスト全選択ですね。） One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches int
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色彩センスのいらない配色講座
Twitpic - Share photos on Twitter
Twitpic - Share photos on Twitter
IDEA * IDEA
誕生色大辞典 366日の誕生色と色言葉 | 色見本大辞典
http://www.designwalker.com/2009/01/color-tool.html
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
Webデザインテンプレート集