マーケティング

近年主要ブラウザすべてが対応するsvg画像について、他企業の取り組みを調査し、今後自分たちはどのように取り組むかを考えてみました！ そもそもSVGとは SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、一種の画像フォーマットになります。JPEGやPNGと言ったようなwebでよく見かけられる画像との違いは、PEGやPNGがビットマップデータなのに対し、SSVGはXMLをベースにした二次元ベクターデータであることです。 このベクターデータとは…

今回のコラムでは、空間を意識したレイアウト力の向上や、効果的な要素の配置・表現力を目的とし、さまざまな名作から構図が与える印象と活用例を見ていきます。 美的感覚とは個人の主観によるところが大きいと言われています。しかし「構図」は絵画や建築などによく用いられる客観的なひとつの基準です。構図のメソッドをWEBデザインに取り入れることで、普遍的な感覚を身につけると共に、レイアウトに悩む時間の短縮を図り、効率を追求しましょう！ 今回取り上げる3つの構図を名画から分析 三分割構図 『神奈川沖浪裏』 （参照…

目的 ・ユーザーがスマホの普及及びウェブ環境の変化に合わせて、インターネットに求める体験の変化を解明する。・企業（クライアント）のトレンドとともに変化する課題に応え、運用のコストダウンを実現する。・私たち制作側はトレンドに合わせ、自社の制作の実績を作りあげ、トレンドの変化とともにクライアントの課題の一歩先に立ち、クライアントの問題解決及び提案をする。   研究内容 ■研究サマリー スマホユーザーの増加に伴い、ウェブ環境に大幅な影響を与えている。ユーザーがインターネットに求める体験が変わ…

スマートフォンからのアクセスを考慮したデザインの必要性 「食品、服飾、美容」など、業種によってはすでにスマートフォンのアクセスがPCを上回っている。 BtoC向けの業界では特にこの流れは加速していて、 ほとんど全てのサイトでスマートフォンのアクセスがPCを上回る予測がされています。 PCだけのデザインだけでなくスマートフォンからのアクセスを元から考慮したデザインにしなければならない。 今までのようなマウス中心の操作から、タッチデバイスを中心においた設計を意識する必要がある。 まず、デザインを考え…

デザインをしていて、何かが物足りない…と感じたことはありませんか？そこで今回はデザインのアクセントに使えるIllustratorのチュートリアルをご紹介します。 テキストをスケッチ風にするチュートリアル Vectips 手書きのような雰囲気を出せます。タイトルなどに使用してみてはいかがでしょうか。 Illustratorの光彩（内側）の機能を使ってちょっと立体的なアイコンを作る方法   illustrator mania 簡単に立体的なアイコンを作ることができます。アイコン以外にも様々なものに活…

IllustratorのWEBデザイン   ■Illustratorの利点　Photoshopとの比較 ・PC用デザインをスマホ化する時 Photoshop：デバイスのサイズごとに別のファイルを開かなければならない。オブジェクトのサイズを拡大する場合、画質が低下する。 Illustrator：アートボードツールを使用することによって同じファイル内で複数デザインの作業が可能（CS4以降）。ベクターデータであるためオブジェクトを拡大縮小しても解像度は変化しない。 ・ファイルを引き継ぐ場合 Photo…

デザインのクオリティ、印象に影響するパターングラフィック パターングラフィックはデザインのクオリティ、印象に影響し、 これらを研究することで、今後のデザインの質の向上につながる。 そこで、最近のWebサイトではどのようなパターンが使われているのかをまとめた。 ①ライン＆ドット 細い斜線や細かな点を規則的に並べたパターン ドットに関しては、最近では写真や動画にフィルターとして活用されている →低解像度の画像の粗を少なく見せることができる 参考　area51filmes ②幾何学 三角形、方形、菱形…