配色が苦手でも、これを読めばスキルアップできるおすすめスライド6選。 | Handy Web Design

2013/12/06 992 users 配色 SlideShare イラレ フォトショップ ガッツリ

Slideshareってあんまり見てなかったんですが、探してみると色々と面白そうなスライドが沢山公開されてますね。フォトショップとか、イラレとか、Webデザインに関するスライドも色々とあって、しばらくはガッツリ見てみたいと思います。そんな中で配色に関するスライドは特に良いものが多かったので、おすすめスライドをご紹介させていただきます。配色苦手ー！という人には、ぜひ読んでいただきたいです。ちなみに上... 続きを読む

このブログで使っているWordPressプラグインまとめ | Handy Web Design

2013/12/04 74 users WordPress WordPressプラグインまとめ

このブログはWordPressを使って作っていますが、いくつかプラグインも入れているので今日まとめて紹介しておこうと思って記事にしてみました。WordPressのプラグインは本当に種類も豊富なのでありがたいです。探せば色々出てきますが、あれこれ使い過ぎても重くなったり、組み合わせによってはエラーが出たりうまく動作しなかったりということもあります。なのでなるべく必要最低限のもので抑えるようにはしてま... 続きを読む

高級感を感じる配色やデザインについて、色々なサイトを参考にして考えてみました。 | Handy Web Design

2013/11/28 482 users 配色 業種 複数 テーマ 参考

このブログは配色やデザインについて個人的に気付いたことを書くことが多いですが、そういえば高級感に関するまとめってしてないかも？と思って今回はこのテーマで記事を書いてみようと思います。高級感を打ち出したサイトは、業種に限らず使われることが多い演出のひとつです。ど初心者の頃は、何を作っても安っぽく見えてしまう…といった悩みもありました。どうすれば高級感を出すことができるのか、複数のサイトを通して感じた... 続きを読む

配色が苦手な人でも、ツールに頼らずどの色が合うのかを見つけ出すヒント。 | Handy Web Design

2013/09/12 166 users 配色 沢山 ヒント ツール 色そのもの

「配色」という言葉を聞いただけで(∩ﾟдﾟ)ｱｰｱｰ ｷｺｴﾅｰｲとなるぐらい、配色が苦手な人は多いと思います。このブログでも色に関する記事は人気なことが多いので、多くの人が気になるところなんだろうなーと感じています。 実際自分自身についても、配色が得意というよりは、単純に色そのものが好き・配色する作業が好き、という感じです。なので分からない点もまだまだ沢山ありますが、Webデザインで配色をする中... 続きを読む

デザインの参考になるサイトを見た時に、スキルアップのために注目しているところ色々。 | Handy Web Design

2013/09/11 105 users スキルアップ 参考 デザイン 素晴らしいサイト ポイント

先月ギャラリーサイトのまとめ記事を書きましたが、最近ほんとに増えましたよね。人が作ったサイトを見るのは楽しくて、ついつい毎日新しいものを探しています。人が作った素晴らしいサイトを見ては、自分との差を感じてしまいがちですが、落ち込んでもしょうがないので参考になるポイントを意識して見つけるように心がけています。というわけで、今回は「デザインの参考になるサイトを見た時に、スキルアップのために注目している... 続きを読む

Pocketボタンを導入したら使ってる人がすごく多かった件 | Handy Web Design

2013/05/07 46 users Pocketボタン

最近ちょこちょこ話題になっているPocketというサービス。旧Read It Laterということでもともと認知度はあったサービスのようですね。アカウント登録すれば、スマートフォンでも使えるしブラウザ上で拡張機能として簡単に使えるようです。他のSNSボタンはシェアする目的がメインでしたが、これは個人的にあとで読むから登録しておこうかなー、という気軽な感じに使われてそうですね。 公式サイト　http... 続きを読む

Photoshopでテキストを水彩風にする方法。 | Handy Web Design

2013/03/26 77 users Photoshop ブラシ 水彩風 テキスト タイトル

Photoshopは色々な機能がついていてややこしいですが、簡単な機能でもいろいろできるという意味もこめてご紹介しますー。手作業っぽい部分が多いので、タイトルなどの文字周りに使える方法だと思います。 1.文字を配置する とりあえず好きな文字を配置します。今回は水彩風に似合うタイトルを使ってみます。 2.文字の上に着色する 文字の上に新規レイヤーを作り、そこにブラシで色をつけます。ブラシはウエットメ... 続きを読む

Webサイトで見るメニューのレイアウト・デザインいろいろ | Handy Web Design

2013/03/21 370 users レイアウト メニュー パタ デザイン Webサイト

サイト製作では必須なぐらい頻繁に登場するメニューですが、レイアウトやデザインはさまざまですよね。毎回どういうものを作るか迷います。というわけで、世の中に出回っているメニューデザインでよく見るパターンを知っている限りご紹介したいと思います。あー、そういえばこんなレイアウトもあるなーという参考になればと思います。ではどうぞー。 1.シンプルな横書きテキスト（もしくはテキスト画像） 一番多いのがこのパタ... 続きを読む

WebデザインにFireworksを使ってみたときの感想。 | Handy Web Design

2013/03/19 46 users Fireworks Photoshop クラウドサービス

今までPhotoshopやらを使ってサイトのデザインをしていたんですけど、Fireworksを使ってサイトデザインをする必要があったのでクラウドサービスを使ってFireworksをインストールして実際に使ってみました。やっぱりサイト製作に特化しているだけあって、使いやすいですねー。というわけで良かったと思うポイントをあげてみました。 1.ページ機能がついてるから１つのファイルにまとめられる サイト... 続きを読む

「スマートフォンデザインでラクするために」を献本していただきました！ | Handy Web Design

2013/01/28 7 users フリーランスデザイナー 屋号 スマートフォンデザイン 著者

このたび「スマートフォンデザインでラクするために（技術評論社） 」という本を著者の石嶋さんより献本していただきました！送っていただいた技術評論社の方にもこの場を借りてお礼申し上げます！ 石嶋さんはウープスデザインという屋号でフリーランスデザイナーをされています。本の執筆のほかにも、こけむさズというコワーキングスペース（高円寺にあるようです）の運営もされています。多方面で活躍されていてすごいですね。... 続きを読む

黄色を効果的に使ったWebデザインまとめ | Handy Web Design

2013/01/21 58 users 黄色 明度 webデザインまとめ 配色 特定

たまにはシリーズもので特定の色を使ったデザインまとめをやってみたいと思います。というわけで第１弾は「黄色」です。以前書いた「１２色の色が与える印象について。配色に困った時のいろいろ。」では色についての印象などをまとめていますので、まずはそちらから読んでいただくのも良いと思います！ 黄色の特徴は？ 黄色は明度が高く、集中力を高めたり気分を明るくしたりする効果があります。そのためWebデザインでも黄色... 続きを読む

"カワイイ"は作れる！女性が好むサイトを作る時のポイント。 | Handy Web Design

2013/01/16 167 users 半月 NAVERまとめ 切り口 ポイント 女性

2013年になって既に半月が経ちましたね。今年も出来る限り沢山の役立つ記事が書けたらと思っていますのでどうぞよろしくお願いします！ 実は、最近naverまとめを始めたんですがその中で試しに作った「女性の目を惹く、ガーリーな色遣いのWebデザインまとめ」がすごく好評だったので、今まで手を付けたことがない女性向けの記事を書いてみることにしました。たまにはちょっと違った切り口で書いたほうが、もっと色んな... 続きを読む

細字で使いやすいQuicksandが好きなのでご紹介。 | Handy Web Design

2012/12/14 24 users quicksand フォント バリエーション豊富 細字 自分

#LOVEFONT Advent Calendar 2012では好きなフォントをブログで紹介しよう！ということで１４日目に記事を書くことになりました。既に他の方が色々な記事を紹介しているようなので、知っている人もいるかもしれません。色々なフォントを見るのは楽しいですけど、自分が好きなフォントってどれだろうと思いつつ他の方とかぶらないように選んでみました。 Quicksandはバリエーション豊富。 ... 続きを読む

複数の色を使うときにバランスよく配色する方法 | Handy Web Design

2012/11/28 913 users バランス 複数 彩度 明度 方法

ちょっとひさびさに配色についてです。カラフルに仕上げたいけど、なぜかうまくいかない！バランスが悪くなる！という場合のちょっとした配色のコツを書いてみたいと思います。 １．彩度・明度をそろえる 複数の色を使う時は、それだけで全体的にバラバラになりやすいのでひとまず彩度や明度を同じにするだけでもまとまりが出ます。 ２．暖色・寒色でそろえる テーマカラーなどがある場合は、暖色・寒色でそろえるとバランスよ... 続きを読む

キラキラ輝く文字をイラストレーターで作る方法 | Handy Web Design

2012/11/26 29 users イラストレーター 文字 限度 工夫 メモ

なんとなく使えそうだったのでメモもかねて。きらきら文字を作る方法です。文字をただ色変えたりするだけじゃ見た目の工夫にも限度があるので、文字を細かく分解して加工する方法をご紹介します。色々できることが増えると使うのも楽しくなるので、ものは試しでやってみることをおすすめします！ではどうぞー。 1.文字を配置する ひとまず文字を配置します。色は最初は黒で作ったほうがやりやすいです。 2.文字をラスタライ... 続きを読む

はてぶ利用者のブロガーに役立つTopHatenar | Handy Web Design

2012/11/14 34 users TopHatenar ブロガー はてぶ利用者

WEB関連のブログをされている方はSNSボタンにTwitterなどと一緒にはてなブックマークのボタンも付けている人も多いと思いますけど、Twitter上での会話ではてブの総数の話が出て、そういえば総数ってどうやって調べるんだろうと思いすぐに検索してみたら実際に調べることができるサイトを発見しました。世の中色々サービスがありますね・・・ TopHatenar http://tophatenar.co... 続きを読む

少しの手間で見栄えが良くなる！Photoshopで使える簡単テクまとめ。 | Handy Web Design

2012/11/07 892 users 見栄え Photoshop 手間 先入観 少し

はじめに 個人的にずっとphotoshopが苦手でした。機能も多く出来ることが多すぎて、操作が難しいイメージを持っていました。ただ色々なサイトを見ていると「ここのデザインって良いなぁ。何で良く見えるんだろう？」ということが多々あって、その中にはちょっとしたphotoshopの操作で見栄えが良くなることを知ってから、先入観を捨てて日々練習をしています。 今回は同じように「どうやったら見栄えが良くなる... 続きを読む

無料で商用利用も可能の年賀状に使えそうなお正月っぽい素材 - GIGAZINE

2012/11/01 73 users GIGAZINE 商用 ai形式 年賀状 非商用

今年も残るところ2ヶ月を切り、徐々に年賀状の準備を始める人も出てきましたが、年賀状作成に役立ちそうなお正月っぽい雰囲気のフリー素材が「Handy Web Design」からダウンロードできるようになっています。商用・非商用に関わらず無料で使用可能で、ファイルはai形式です。 年賀状に使えそうなフリー素材を作ってみました。 | Handy Web Design http://handywebdesi... 続きを読む

年賀状に使えそうなフリー素材を作ってみました。 | Handy Web Design

2012/10/30 33 users 年賀状 フリー素材 しめ飾り 右下 パターン

１０月も終わるというのに、今月最初の更新で大変大変すびばせん。 なんだか色々やってたら更新が途切れてしまいましたー！！（T△T)というわけでお詫びの意味もこめて、年末に近付いて来たら年賀状の季節（といって自分は年賀状でさえギリギリになるパターン）なので、年賀状作成に使えそうなフリー素材をいくつか作ってみました。 素材データの詳細 こんな感じです。右下のしめ飾りの縄がうまく出来た時は１人で喜んでしま... 続きを読む

イラストレーターのパスとレイヤーをそのままフォトショップに移動する方法。 | Handy Web Design

2012/09/12 374 users フォトショップ フォ オブジェクト レイヤー イラストレーター

こんにちは。秋になってきて嬉しい今日この頃、夏の暑さから解放されて色々と全力でできそうな気がしてます。暑さには弱くても、寒さには強いんです…！ というわけで、今回はイラストレーターのパスとレイヤーをそっくりそのままフォトショップに移動する方法です。イラストレーターで作ったパスをただフォトショップに移動したいだけなら、そのままコピー＆ペーストすれば良いと思います。が！パスで作ったオブジェクトを、フォ... 続きを読む

配色が苦手な人は、イラストレーターの「カラーガイド」がおすすめ。 | Handy Web Design

2012/08/20 743 users 配色 イラストレーター 配置 練習 カラーガイド

ちょっと久々の更新になってしまいましたー。まだまだ残暑がすごくてバテ気味ですけど、色々と裏で今後の活動を踏まえていそいそと動いております。 今回はイラストレーターについている機能「カラーガイド」を使った、色の配置についてです。どういう色が合うのか自分じゃ分からない…!という人はまずこれを試してみると練習にもなると思いますよー。それではどうぞ！ カラーガイドって何？ イラストレーターＣＳ３からついた... 続きを読む

イラストレーターでアイコンを作る時によく使う機能いろいろ。 | Handy Web Design

2012/08/02 847 users イラストレーター バス アイコン アイコン作り 練習

イラストレーターの練習にもってこいなのは、アイコンを作ることです。まず基本になるパスの練習ができます。あと短時間で作ることができるので、慣れない人でも飽きにくいというのも良いところです。色んな機能を覚えれば、それだけ作れるアイコンの種類も広がります。今回はアイコンを作る時によく使う、しかも簡単な機能を紹介しながら、色んなアイコンを作ってみたいと思います。アイコン作りってやってみると楽しいですよ！ ... 続きを読む

ジョジョの配色で見るイタリアの伝統色＆ジョジョ風に描くためのポイント | Handy Web Design

2012/07/17 70 users 配色 ジョジョ イタリア Twitter Facebook

まずごあいさつ。 前回の記事「１２色の色が与える印象について。配色に困った時のいろいろ。」では沢山の人に見ていただいて本当に感謝です。まさにＳＮＳの効果ですね・・・はてなブックマークも９００近くブクマが付きました！今まで全く日の当たらない日陰ブログだったので、アクセスが増えると同時にFacebookページやフォロワーもぐわっと増えました。TwitterやFacebookで広めてくださった方、本当に... 続きを読む

１２色の色が与える印象について。配色に困った時のいろいろ。 | Handy Web Design

2012/07/10 961 users 配色 後半 たくさん 印象 普段

はじめに。 世の中にはたくさんの色にあふれています。そして普段何気なく見ている色には、その色が持っている効果によって見る人に様々な影響を与えています。今回はそんな「色」についてまとめてみました。また後半にはデザインをする時に、配色に困った時に役立ちそうな情報を盛り込んでいます。色に関する知識を使って、より思い通りのデザインができればと思います。では、どうぞ！ 色はなぜ見える？ 透明も含めて、物には... 続きを読む