見出しをCSSでシンプルに装飾するtips - EC studio デザインブログ
谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく！と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか）無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基本的に「h○タグ」でマークアップされますので そのh○タグ（今回はh4タグ）を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン
30 Essential Photoshop Text Tutorials for Beautiful Effects
Photoshop opens up all kinds of creative possibilities for designers. When you’re working with text in your designs, there are endless ways that you can style your text and countless different types of effects that can be created. Whether you’re working on a typographic design or simply using text for something like a poster design, knowing how to create beautiful text effects can have a big impac
コリス
2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ Post on:2024年7月30日 デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2 ...記事の続きを読む 商用でも全部無料！ イラストやお絵描きを楽しめるIllustratorのブラシ素材のまとめ Post on:2024年5月14日 Adobe Illustratorでイラストやお絵描きを楽しめる無料ブラシを紹介します。 スケッチにぴったりな手描き風のブラシ、レトロなイラストを描くための点描ブラシ、スプレーやハッチングを楽しめるブラシ、感圧対応のさま ...記事の続きを読む クリスタやProcreateでも使える高品質なブラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
ロゴデザインの参考に出来るロゴ満載のサイト「Logofi」:phpspot開発日誌
Check Browser Compatibility, Cross Platform Browser Test - Browsershots
Webデザイン・デザイナーに役立つネタ検索 || デザインレシピデータベース このサイトについて