デザインをするときに使える7つの裏ワザ
この記事は、「7 Practical Tips for Cheating at Design」 をざっくりと要約したものです。意訳多く含まれています。きちんとしたもの読みたい場合は、原文を読んでください。 1. フォントサイズの代わりに文字の色や太さで階層分ける テキストのUIを設計するときに過ちがちなミスは、フォントサイズに頼りすぎて、階層のコントロールできていないことです。 「このテキストは重要だから、文字を大きくしよう！」 「このテキストは重要ではないから、文字を小さくしよう！」 このように、普段設計していないですか？ すべてのテキストに、これを当てはめてはいけません。 文字の色や太さを、同じような役割として使用しましょう。 「このテキストは重要。だったら、文字を太くしよう！」 「このテキストは重要ではない。だったら、文字の色を明るくしよう！」 2,3色使用するのがおすすめです。 例
ぼくのフロントエンド学習
Transcript ΅͘ͷϑϩϯτΤϯυֶश .JY�-FBQ�4UVEZ�ಛผฤ���$50�/JHIU�,"/4"*�7PM�� wTBLJUP !@@TBLJUP@@ � w'SPOU�&OE�&OHJOFFS� w3FBDU XFCQBDL (BUTCZ+4� w&WFOU� w#POpSF�'SPOUFOE� w3FBDU�NFFUVQ� w*OTJEF�'SPOUFOE� ϠϑʔͰͬͯΔ͜ͱ wϑϩϯτΤϯυνʔϜʹॴଐ� w#UP#ͷϑϩϯτΤϯυ� wओʹ3FBDUΛ͍ͬͯΔ� wٕज़બఆɺϨϏϡʔɺ։ൃͳͲ� wશࣾϑϩϯτΤϯυΠϕϯτͷ։࠵� wϥϯνձ� w-5ձ� wࣾ֎͚ษڧձ ϓϥΠϕʔτͰͬͯΔ͜ͱ wϑϩϯτΤϯυؔ࿈ͷهࣄΛॻ͘� wษڧձ� wओ࠵Λ͢Δ� wࢀՃΛ͢Δ� wελοϑʹͳΔ� w෭ۀΛ͢Δ ࠓ͢͜ͱɺ͞ͳ͍͜ͱ ࠓ
Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
