テクニック

WEBデザインの品質をあげるテクニック集です。クオリティを上げるための技術やヒントをご紹介します。

Back Number

フリー素材でサイトを作る グローバルナビ編

2012年04月05日
フリー素材でサイトを作る グローバルナビ編

今回はフリーのアイコン素材を使って、ショッピングサイトのグローバルメニューをつくります。

2012年07月17日
写真素材がない時のデザイン方法 キービジュアル編

今回は、素材がない時のデザイン方法を、キービジュアルをデザインする場合に絞って考えてみたいと思います。

2012年09月11日
写真に関しての「困った」を解決!~ サイズが小さい・解像度が低い場合 ~

入稿された写真素材のサイズが小さい・解像度が低い!そんな時のデザイン対処方法です。

2012年11月08日
フリー素材でサイトを作る タイトル・見出し編

グローバルナビ編の続編!簡単で見栄えのする見出しを作りましょう。今回はいくつかパターンをご紹介します。

index_img

2013年08月09日
テイストや雰囲気の作り方 ~前編~

デザインを作る上で、必要となってくるのがテイストです。見た目も雰囲気もとても左右される大切な内容です。今回は、テイストの作り方についてご説明します。

index_img

2013年08月09日
テイストや雰囲気の作り方 ~後編~

デザインを作る上で必要なテイストについて、今回は後編としてテイストの作り方を実践的にご説明します。

初めてでもできる!ペンツールを使ってお絵かき ~描き方編~

2013年08月16日
初めてでもできる!ペンツールを使ってお絵かき ~描き方編~

初心者にとってとっつきにくいペンツール。思い通りに描けないという方もこれを読めば、きっと使いこなせるはず!

2013年08月19日
初めてでもできる!ペンツールを使ってお絵かき ~調整編~

初心者にとってペンツールは、どう使えばいいか悩むところではないでしょうか? なんとなく線は引けても、思い通りに描けないと…

2013年08月22日
絵心がなくても描ける! トレースから作るイラスト

ペンツールの使い方をある程度マスターしたら今度は、トレースをしてましましょう。今回は、写真をトレースしてイラストにします。

2013年08月26日
作り方のコツを伝授! 実例で学ぶロゴデザイン

今回は時間をかけずに作成するロゴの作り方をご紹介します。例としてWebサイトのロゴの作り方をまとめました。

イラストレーターで実現! 手書き風イラストの描き方

2013年08月28日
イラストレーターで実現! 手書き風イラストの描き方

今回はイラストレーターの効果を使って、手書き風のイラストにチャレンジ。ちょっと手を加えるだけでデザインに温かみがでてきます。

簡単ロゴデザイン 悩まず作るコツとポイント

2014年02月07日
簡単ロゴデザインVol.1 悩まず作るコツとポイント

作る時に悩んでしまうのは、作り方のルールを知らないからなのかもしれません。そこで今回は、悩まずロゴを作れるポイントをご紹介します。

テクニック一覧ページを見る

Special 特集

2019年04月15日
【フリー素材】手書き植物の素材セット

長いように感じた冬も終わり、柔らかい青葉が芽吹いて春になりました。皆さまいかがお過ごしでしょうか?今回は手書き植物の素材…

Interview インタビュー

2014年10月15日
イラストレーターを目指し活動中!~後編~

※今回は少し趣旨を変えて、織田さんのイラストをページにちりばめました。 学校で広告を学び、色々やってみたくなった。 ─ …

Seminar セミナー

Technic テクニック

2019年02月15日
水彩絵の具ブラシを作成する方法

水彩絵の具のにじみは、アナログ表現の醍醐味ですよね。 綺麗なにじみをデジタルでも表現してみたい!!! そんなあなたに向け…

Books オススメ書籍

センスは知識からはじまる

2019年01月09日
センスは知識から始まる
  • デザイン

デザインをする上で大切な考え方 センスは知識から始まる デザインというと「センスの良さ」が必要だと感じたことはありません…

Award アワード

簡単ロゴデザイン 会社ロゴの作り方

前回の記事 簡単ロゴデザインVol.1 悩まず作るコツとポイント を読んでいない方は、まずはそちらを読んでから今回の記事を読んでいただけるとより理解できると思います。
さて、前回の記事でロゴデザインのコツとポイントがなんとなくわかったかと思うので、次は実践といきましょう。今回作るのは、会社のロゴです。

会社といってもいろんな業種がありますが、例として以下のように設定しました。
株式会社デジナーレシステム
主な業務はシステムの設計や開発、プログラミング。
お客様からの信頼を大切考え、技術力の高さを売りにしているIT系企業。
常に上を目指し、成長し続ける会社でありたい。
※架空の会社です
ということで、キーワードとしては
  • ・システム/プログラム
  • ・信頼感
  • ・技術力
  • ・成長
などがあげられます。
キーワードが出たところで、形を決めましょう。
以下の形の中でどれが最適でしょうか?
形を決める
信頼というキーワードからは安定感のある四角、成長というキーワードからは上昇するイメージから三角が当てはまりそうです。
より強調させたいイメージがある場合は。どちらかの図形を選んでも良いですが、今回は四角と三角の2つを組みあわせたデザインで進めたい思います。
四角と三角
モチーフはどうでしょう?
システムやプログラム・・・何か思いつくものはありますか?パソコンやプログラム言語などでしょうか。ただ、パソコンではパソコン教室やパソコンショップなどを思い浮かべてしまいそうです。
会社名は英語表記にしてみたり、頭文字をとって「D」や「DS」が使えそうですね。
もちろんモチーフは使わなくても構いませんが、デザインする上で組み合わせる際の材料としていくつかあげておくとスムーズです。
モチーフを考えよう
それでは、先ほど選んだベースとなる形とモチーフを組み合わせます。
いろんなパターンが考えられますが、ベースを四角にして中に三角を入れてみました。
三角と四角でベースを作ります。
  • 三角と四角でベースを作ります。
  • 四角の中に三角を入れて合体!
  • 上昇(=成長)のイメージを形で表現してみました。
頂点をずらす
  • やや単調な印象なので、頂点をずらし奥行きを出します。
  • 下の辺にあわせて会社名を入れます。
  • 会社名が小さいので、図を横に伸ばし全体のバランスを調整します。
ある程度形がまとまったので、色を選びます。
色をつけよう
キーワードの「信頼」は青、「成長」は希望や自然などと近そうですので、黄色か緑あたりでしょうか。
どちらの意味も込めてその中間の黄緑を選びました。
信頼・・・「青」   成長・・・「黄緑」
では早速色づけ!
色づけ
  • モノクロのロゴに、青と黄緑で色づけします。
  • ベタ塗りの状態がこちら。
    少しのっぺりしてますね。
  • グラデーションをかけて完成です。
  • 名刺にロゴを使用したイメージはこんな感じです。名刺だけでなく、会社案内やWebサイトなどいろいろな場所で使用できますね。
  • ある程度形が決まったら、いろんなパターンを出して、ベストなロゴを見つけてください!
  • ロゴデザインについては、以下の記事もオススメです。簡単に作るコツがわかっちゃいますよ!
    作り方のコツを伝授!実例で学ぶロゴデザイン
完成
記事担当者のコメント
前回の記事の実践編として、会社のロゴを作ってみました。
考え方や進め方のきっかけになればと思ってます。
次回はまた違うテーマでロゴを作る記事を書きます。
今度はかわいい雰囲気のロゴにする予定ですのでお楽しみに!