Webデザインのセオリーを学ぼう / Webデザインのウソ・ホント ～ Web らしく... / コンテンツで改善する UI デザインの極意他...全21件

色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。

こんなエントリーは去年末か年明けに書いておけ！って思いますが、blogを書く練習としてまとめます。 これから列挙するツールを使う事により、去年は手を動かす事の楽しさを再確認。 いままでダルかった作業が楽になるだけではなく、HTMLをキレイに書けたり構造を考えるようになったりと一石二鳥。 SASS and Compass 全俺が感動し、咽び泣くほど無くてはならない存在となったHtmlコーディングの革命児。 なぜすぐに導入しなかったのかと過去の自分に言いたいぐらい！ いまさら解説はいらないと思いますので、お世話になったサイトをご紹介いたします。 CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。 Sprite画像でもう悩まない？！SassとCompassで速攻Sprite画像を作る方法に感動！ | バンクーバーのうぇぶ屋 CompassでCSSスプライト[to-R] C

この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期

404（Not Found）と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか！！」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン　33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c

The Polaris Dawn crew is back on Earth after a historic mission

#LOVEFONT企画16日目担当の kanako29 ですこんにちは。 LOVEFONTでは自分の愛するフォントについて熱く語ろうということで、今回私は、「Comfortaa」というフォントを紹介します。 Comfortaa について Comfortaa の作者は、aajohan さん。 こちらのフォントは、2008年に制作されたようです。 ライセンスは、SIL Open Font License で、商用無料で使用することができます。 ウェイトは、Light, Regular, Bold の3種類です。自分は太めの方がコロッとしてかわいいと思うので、Bold +「アンチエイリアス強く」で使用することが多いです。 Comfortaa の好きなところ 私が Comfortaa を好きなところは、クセが少なくシンプルでかわいらしいところです。 特に小文字が良いです。a, b, d, p, q

New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう！となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)

Sassを使ったり、人からパクったりして、極力失敗しない方法

はじめに 現役デザイナーの方々にデザインを伝授していただけると @satococoa さんに聞いて『第一回 プログラマ向けデザイン勉強会 - connpass』に参加しました。各発表の自分用メモを書いていきます。 Twitter Bootstrap のカスタマイズ例 - @machida さん メモ スライド RailsエンジニアのためのTwitter Bootstrapカスタマイズ例 // Speaker Deck カスタマイズされたコード machida/CustomizedTwitterBootstrap 基本はベース、メイン、アクセント（目立つ色。クリックされたいボタンとか）カラーの三色。70:20:5 くらいの比がいいらしい sass でコーディングするときは三色を変数にして基本はそれをつかう 背景にテクスチャーをつかうと高級感が出る 次のサイトを用いた三色の決め方 Color

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…

2. わたくし おばら つかさ 渋谷でSAUCER（ソーサー）という名前でフリー @saucerjp のデザイナをしています。 紙媒体からデザイン業界に入り、ずーっと紙 のデザインだけをしていましたが、ここ5, 6年 はWeb媒体の仕事が随分と増えています。 現在では特に紙、Webの区別なくデザインの 仕事をしています。