初めまして、デザイナーのです！ 最近ではフラットデザイン・マテリアルデザインのようにシンプルで削ぎ落とされたデザインが主流になっているかと思いますが、 特にゲームのwebサイトにおいては、削ぎ落とされたデザインをすれば良いとは限らず、いかにゲームの世界観を魅力的に伝えられるかが重要になってきます。 「ゲーム」らしいデザインとは？ 今回は弊社ゲーム開発部からリリースされた、『ブレイブキャラバン』の事前予約ページに設置された登録ボタンを例に、 「ゲーム」らしいデザインを作り上げるためのプロセスを解説していきます あらすじ 聖ナダル歴994年 獅子の月 エルシド城を囲む森に ふたりの娘の姿があった ローブに身を包んだエルシド王国・第一王女リーゼと 手に剣を携えた第二王女のグリンデ これは辺境の王国からはじまる、若き王女と英雄たちの物語である。 STEP1「ゲーム」らしさを加える まずはスマホゲー

広告やポスターをデザインする際、ときにはコピーの配置やレイアウトに悩むこともありますよね。そんなときに文字レイアウトや配色が参考になりそうな広告・ポスターをご紹介します。 広告デザインに参考になる文字レイアウト　選 では参考になるデザインをご紹介します。 アニメ王決定戦のポスター 出典：kettle.co.jp こちらは2011年に開催された、au EZwebから参加できるアニメ王を決めるためのクイズ大会。文字に帯を引いたり、注目させたい文字への色使いの変化が目立ちますね。2011年の作品です。 LUMINE 出典：magazine.lumine.ne.jp こちらはLUMINEの広告の中でも色使いがシンプルなもの。中央に大きくレイアウトされた文字は、半透明なのにきちんと可読性があり、白い文字の透かし具合が絶妙です。 新村水産 出典：shinmurasuisan.net こちらは「新鮮な魚

こんにちは。 神主デザイナーの渡辺です。 ブログで紹介して頂いて以来、たまに、 「あの、お寺の方ですよね？」と、言われます。 おしいです。神主がいるのは神社です。 昔は（江戸時代くらいは）一緒になっていたこともあって、割と根強く間違われます。 と、このまま神社とお寺の違いの解説を続けたい気持ちもありますが、 今回は、先日Google I/O 2014で発表されたばかりの「Material Design」について書きたいと思います。 「Material Design」とは、Googleが提唱するデザインのガイドラインです。 Google I/O 2014のキーノートの内容にあわせて、かなり詳細なデザインガイドが公開されました。 その内容を元に、Material Designについて学んでいきたいと思います。 ※内容は、Material Designについてデザインガイドと公開ムービーを参考に

2014年04月06日02:12 Photoshopで作る - webデザインでよく使うかんたん影の作り方 カテゴリPhotoshop遊戯 フラットデザインのせいでめっきり影も使わなくなったこの時期、あえて影を作ってみた 今回は - ドロップシャドウ封印 - ほんとよく使う（個人的に） - かんたん（2分で作れる） なものをチョイスしました ではさっそく。 外枠に影 どこでも使えるやつ 影を付けたいレイヤーにレイヤースタイルを設定します。 設定は上図の通りで完了 もうこれドロップシャドウでも作れるけど、あえての「光彩（外側）」 てことで次いってみましょう 立体感のある水平の影 こういうやつ。iPhoneのモックの下にこの影を置くと立ってる感じが出ていいと思います まずは「楕円形ツール」で黒の細長いシェイプを作ります。 次に「フィルター」→「スマートフィルター用に変換」をクリック こうするこ

みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Deliver low-cost, near-instant remittances, payouts, and more

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

作成：2014/03/17 更新：2014/11/01 Webデザイン > クライアントさんの依頼やクラウドソーシングでもライティングや撮影依頼の需要が増えてきました。コンテンツファーストの時代になり、ライターだけじゃなく「コンテンツを作れる」デザイナーやエンジニアは、今後100%重宝されます。今回はフリーでも活躍できるように、ライバルのデザイナーさんと差別化できるように「コンテンツ作成」もできるデザイナーになるためのスキルをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コンテンツ設計 １．イラスト作成のスキル ２．写真の撮影技術と知識 ３．動画編集の技術 ４．コピーライティング ５．モーショングラフィック ６．電子書籍の作成 Webデザイナーの基本知識とスキル ７．UX・UI・IAの知識 ８．レイアウト基本原則 ９．配色＋色彩計画 １０．フ

こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭

予想外に人気を博してしまった 昭和の写真ジェネレータ(仮) ですが、画像加工の方法を公開しておきます。 [追記] 以下のコードは説明用です。なお、実際に動いているコード(に限りなく近いもの) を CodeRepos に up しました。svnはこちらから 用意するもの。 Perl Imagerモジュール 元ネタの画像 モジュールを load して、画像を Imager オブジェクトに読み込みます。 use Imager; use Imager::Fill; use List::Util qw/ min max /; my $img = Imager->new; $img->read( file => "source.jpg" ); コントラストを落とします。 $img->filter( type => "contrast", intensity => 0.7 ); 少々ぼかします。(小さい

イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん