デザイナーさんなら誰しもが経験する顔の補正や調整。 「もうちょっと顎を細くして」とか「目を大きくして」とか「歯を白くして」などなど…あれって結構時間かかりますよね？ 今回は、PhotoshopCCから実装されたゆがみフィルターの「顔立ちを調整」を使ってみたところ、想像以上にカンタンでキレイな仕上がりになったので皆さんにもご紹介いたします。 顔の補正事例の紹介 百聞は一見にしかず。まずは補正した画像をご覧ください。どれも1分くらいでパパっとした補正です。 (※GIFアニメでBefore/Afterが確認できるようになっています。) 補正事例1 キリッとした男性の頬を少し削り目を大きく＆微笑みをプラスしました。イケメン度があがりましたね。 補正事例2 携帯で話している女の子をさらに小顔＆笑顔に。顔の近くにある携帯の歪みはそれほど気になることなく補正できました。 補正事例3 キリッとさせるだけで

Webサイトの閲覧の6割がスマートフォンユーザーと言われ（※1）、最近ご依頼いただくホーム―ページのほとんどがスマートフォン対応サイトです。 （※1）参照： http://www.similar-web.jp/blog/archives/3985 私たちがスマホサイトをデザインするときに特に気を付けていることの1つが「ユーザビリティ」です。ユーザーが自分に必要な情報をすぐに見つけられるように、どのようなメニュー設計が良いのかを考えて制作をしています。 そこで今回は、大手のスマホサイトがユーザビリティを考えて、どのようなメニュー設計をしているかを調べて比較してみました。 スマホサイトのメニュー設計の比較 比較内容 （1）メニューの場所は上か下か （2）メニューは追従するか （3）メニューのサイズ （4）メニューアイコンの種類、文字の有無 比較した大手スマホサイト（15サイト） ※順不同 Ya

それでは4つの広告掲載方式をそれぞれ詳しく解説していきます。 1.ツイートのエンゲージメント ツイートを広告として配信するものです。 自身のアカウントの過去のツイートを利用してもよいですし、新たに広告用のツイートを作成して利用する事も出来ます。（新しく作った広告用ツイートは自身のタイムラインには流れません） ターゲティング方法 「興味・関心カテゴリとフォロワー」または「キーワード」より選ぶことが出来ます。 ・興味・関心カテゴリとフォロワー … 「興味関心カテゴリ」と「フォロワー」という項目を設定します。両方設定することも、片方だけ設定することも可能です。「興味・関心カテゴリ」は、あらかじめ用意されたカテゴリ群の中から任意で100個まで選ぶことが出来ます。「フォロワー」は、Twitterユーザー名を入力し、そのユーザーをフォローしている人に”属性が近い人”へ広告が配信されます。（注意：フォロ

css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h

こんにちは、ホームページ制作会社「ウェブ企画」の東京渋谷オフィスでディレクターをしている竹内です。 もう少しで長かった冬も終わり、春を迎えますね。 春からWebデザイナー業界の門を叩かれる方も、きっと多いのではないでしょうか。 昔とは違い、最近は「デザイン＋htmlコーディング」だけでなくWebデザイナーでもディレクション能力や、「WordPress」などのCMSの扱い、プログラム言語の「PHP」「JavaScript」などプラスアルファを求められることが多くなっているように感じます。 そこで今回は、先述したプログラム言語「JavaScript」の数あるライブラリの中でも、最も有名なjQueryについて、「プログラムについて全く知らない！」という方向けに簡単に概念や、jQueryで出来ることについてご説明させていただきたいと思います。 jQueryを使えるデザイナーは、今後必ず重宝されます

皆さん、師走をいかがお過ごしですか？ 今回は前々から試してみたかったSVGについての記事です。 基本予備知識0から色々触ってみて、SVGはどんなことができるのかとSVGの面白いなーと思った点等をまとめてみました！「これからSVG試してみようかな？」と思ってる方(特にWEBデザイナーさん)の参考になれば幸いです。 それではどうぞー！！ SVGとは その前にSVGについて簡単な説明しておきます。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくイラストレーターで扱うベクターデータです。 その始まりは1998年と意外に古いのですが、ブラウザ対応が追いついておらず、長い間陽の目を見ることがなかったかわいそうなやつです。 SVGのいいとこ SVGがJPEG等の画像と比べていいなーと思