Category : Design

Design

デザインのドリル⑤ トレースで、複雑なレイアウトを学ぶ

「トレース&模写で学ぶ デザインのドリル」を使って、デザイントレースの練習した記録です。 写真の効果的な使い方 Lesson 27 雑誌の特集記事 学んだこと/気づいたこと 模写中は気づかなかったけれど、グリッドでレイアウトをしているので、まとまりがよく見える Lesson2…

August 28, 2020
Design

イラレでシステム手帳用のカレンダーを作ったよ

イラストレーター、ずっとマスターしたいと思いながら、「難しそう」「デザインセンスないしなぁ」と手を出せずにいました。 実際に自分で使うものを作りながら、ちょっとずつレベルアップしていきたいと思います! 今回は月間スケジュールを作ってみます 月間スケジュールの作り方 A…

February 05, 2019
Design

箇条書きリストをおしゃれにするCSS10個【女性向け】

ブログ記事を書いていると頻繁に登場するのが、箇条書き。 項目を並べたり、まとめるのに便利で、わたしもよく使います😄 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 リストのHTMLの書き方 リストには「番号付き」と「番号なし」の…

November 29, 2018
Design

【CSSコピペOK】おしゃれな引用blockquoteデザイン10選

記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか? ただ、ブログテンプレートに使われているオリジナルの味気なかったりする。 コピペで使えるCSSのサンプルを5つ用意しました。 ブログやWordPressで引用符(blockquote…

September 13, 2018
Design

CSSで作れるシンプルな飾り枠デザイン

見出しデザインに続いて、CSSのコピペだけで反映できる、飾り枠のデザインを用意しました。 フォントのサイズや色はご自由に変更ください。 基本の飾り枠 この記事で紹介するデザインでは、HTML…

August 24, 2018
Design

CSSで作れるかわいいブログ見出しのデザイン

CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。 フォントのサイズや色はご自由に変更ください。 見出しデザインを設定するには この記事で紹介するデザインを使う時には、HTMLに見出しタグ(h…

August 22, 2018
Design

Webの画像形式(JPEG,PNG,GIF,SVG)使い分け

Webでよく使われる画像には、JPEG,PNG,GIF,SVGと種類があります。 ファイルの特徴を理解して使いわけることで、高画質のまま、ファイルサイズも小さくおさめることができます。 Webで使う画像形式の種類 ざっくりまとめると、こんな風に使い分けます。 JPEG…

June 21, 2018