配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ! 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader"> <!--ヘッダ--> </div> <!--コンテンツ--> </div> </textarea>
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
osakana.factory(おさかなファクトリー)は、未識 魚(みしき さかな)による個人プロジェクトです。萌え系 CGや、PhotoShop・画像処理などの技術情報、お絵描き講座、フリーソフトウェアなどの公開、情報社会学系のデムパ発信等を行っています。 作者: 未識(みしき) 魚(さかな) mishikiMishiki Sakana小中高の学校の勉強や仕事の進め方というのを真剣に考え直す時代ってことよ。汎用AIでこの得点が出るんだから、試験問題特化で作れば終わりですがな。偏差値65~70くらいはないとこのレベル越えないけど、それって単に大学教員と同じ思考回路… https://twitter.com/i/web/status/1668679852747264001(2023/06/14 03:00:54) UFOってのが英語圏のミームであることがよく分かる。恐らくはアメリカや欧州での
シムシティーを作り始めていちばん最初に考えたのは、街を一種の生き物のように表現できないかってことだった。 僕が街についてどう考えているかはすでに説明したけど、大事なのは街を構成する建物とか道路じゃなくって、そこでどんな活動が行なわれているかってことだと思うんだ。道路を車が走り、電車が動き、人々が動き回り、常に要素が変化し続ける“動きのある”システム。街を表現する方法っていうと誰でも地図を思い浮かべると思うけど、僕は動きがない地図じゃなくって、たとえば飛行機から眺めた街、動きのある世界をディスプレイに表現しようって考えた。それこそが僕の考える街の姿だからね。 それともう一つ考えたことは、プレイヤーに伝える情報をできるだけわかりやすく、それも“面白い”って思えるような形で表現しようってことだった。シミュレーション・ソフトっていうとたいてい数値や図表がたくさん出てくるけれど、数字が並んでいるのを
HTMLにおいてカラーネームで指定できる色のリストです。ラジオボタンをチェックすることによってこのページの背景色を変えることができます。 (注意)カラーネームによる指定の場合、色名によっては使用OSやブラウザのバージョンなどの環境により、 正しく表示できないことがあります。
ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1:色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2:場所 ユーザーがすぐに見つけることが
色の正確な認識に影響する要因はたくさんあります。テストの結果が毎回異なる場合は、下記の理由が考えられます。 照明:照明は色覚に大きく影響する要因の一つです。脳が認識する色は、照明色によって左右されていることをご存知でしたか?照明装置などを用いて、常に管理された光源下で色を判断するようにしましょう。 背景色の影響:人間の目が認識する色は、周囲の色に影響されます。この現象を同時対比と呼びます。色を判断する際、常にニュートラル色の環境で行ってください。 目の疲労:私たちの目は疲れやすく、物体を2、3秒以上眺めると目の化学物質が消耗され、間違ったカラー情報が脳に送信されてしまいます。色の目視評価を行う際は、再度観察する前に目を休めてください。 乏しい色の記憶力:どんな色でも、詳細を記憶するのは非常に難しいことです。わずかな色差を効果的に判断するには、サンプルが人の心を動かす程に印象的でなければいけ
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
ある陶芸のクラスで、質を追求するグループと量を追求するグループに分けたところ、実際に質の良い作品が数多く見られたのは、量グループだったという話。 質を求められていたのは「質」グループのはずだったのに,なぜ質を求められていなかった「量」グループの生徒たちが,質で上回る結果になったんだろう? これが事実として成り立つからこそ、ブレインストーミングでもアイデアの質より量を問うんですよね。このブログでも、再三にわたって「まずは手を動かそうよ」といってるのもそういうこと(cf.「小さなアウトプットの蓄積で完成形を生み出すための5つのプラクティス」「みんなで手を動かしながら考えるということを図にしてみました。」)。 先の記事中にも「質」より「量」が結果として「質」を生む理由として「多くの作品を作り出す過程において失敗を繰り返し、その失敗から多くのことを学ぶことができた」と書かれていますが、そのことにつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く