デザイン探索
【デザイン探索】夏っぽいデザイン
今回は「夏っぽい」デザインを収集して、どのような要素（エレメント）を取り入れているか、どのような色使いをしているかなどを探求して、どうすれば「夏っぽい」デザインになるのかをまとめていきたいと思います。 探索フィールドは、 […]
デザイン探索
デザイン探索
【デザイン探索】プロっぽいデザインにするための装飾を求めて
今回は、プロっぽいグラフィックデザインにするためにはどのような装飾を盛り込んでデザインすればいいのかということを求めて、デザイン探索してみました。 レイアウトの仕方、アイコンや線や枠など、私が気になったものを写真に撮って […]
デザイン探索
【デザイン探索】ザラザラしたような、擦れたような、フォントのデザインを作りたくて【グランジ】
フォントをデザインするときに、まず思いつくアイディアのうちの一つにザラザラしたような、擦れたような、よく見かけるあのデザインを思いつきませんか？ このようなデザインを「グランジ」と言います。 私はグランジのデザインをこれ […]
Web
内部リンクと外部リンクのデザインについて考えてみた
ブログの記事中に挿入する“内部リンク”と“外部リンク”のデザインについて考えてみました。適当に URL やサイト名のテキストにリンクを設定するよりも、“囲い枠”で囲んだりサムネイルを付けたほうが見栄えが良いが感じませんか […]
Web
プロフィール用のSNSボタンを作ってみた
今回は本ブログのTwitter用アカウントを用意したので、ウィジェットのプロフィール内に挿入するSNSボタンを作ってみました。 仕上がり 作ったものは以下の画像のボタンです。 そこまで難しいものではないですが、CSSの記 […]
Web
CSS で transition を使ってアニメーションさせる方法について調べてみた
CSS でアニメーションさせる(要素を動かす)時、代表的な方法として transition プロパティを使う方法と、animation プロパティを使う方法があります。今回は私もよく使う transition プロパティ […]
Web
ブログのカラーを見直してみた！
Webサイトやブログを運営していて、記事を書いているときやデザインに手を加えるとき、「カラーをどうしようかなぁ」ってなりませんか？最近、本ブログもWordPressのいろいろなプラグインも導入して、より自由なデザインにで […]
Web
WordPress の記事中で「囲い枠」を使いたい
よくブログの記事で見かける“ポイント”とか“チェック”とか“注意”とか、枠で囲われていてカラーがついていて見やすいあの要素を私も使いたくて調べてみました。名前がわからないものを一人で調べるのってすごい難しいですよね。 よ […]
Web
ブログ記事の見出しのデザイン
ブログ記事の「見出し」のデザインって、ブログの見やすさに直結する大切な要素だと思いませんか？大きい文字にしたり、下線を引いたり、帯を引いたり、、一風変わったデザインでブログのイメージを引き立てたり。今回はそんな「見出し」 […]
Web
プラグインを使って記事にコードを表示させる方法
ネットで、Webデザインのハウツー記事を探すと、ほとんどのサイトで“コード”が当たり前のように掲載されていて、コピーできたり、タブみたいなのでhtmlやcssなんかを切り替えて表示させたり、左のウィンドウのコードを反映さ […]
- 1
- 2