WEBデザイナーのはじめての「SVG」 | 株式会社WEB企画
皆さん、師走をいかがお過ごしですか？ 今回は前々から試してみたかったSVGについての記事です。 基本予備知識0から色々触ってみて、SVGはどんなことができるのかとSVGの面白いなーと思った点等をまとめてみました！「これからSVG試してみようかな？」と思ってる方(特にWEBデザイナーさん)の参考になれば幸いです。 それではどうぞー！！ SVGとは その前にSVGについて簡単な説明しておきます。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくイラストレーターで扱うベクターデータです。 その始まりは1998年と意外に古いのですが、ブラウザ対応が追いついておらず、長い間陽の目を見ることがなかったかわいそうなやつです。 SVGのいいとこ SVGがJPEG等の画像と比べていいなーと思
アプリ用モックアップ作成に使える、超立体的な無料PSD素材まとめ
海外デザインブログWebDesignLedger.comで、スマートフォン用アプリデザインのモックアップ作成に役立つ、無料PhotoshopテンプレートPSD素材をまとめたエントリー「10 Free PSDs for Perspective App Mockups」が公開されていたので、今回はこちらをベースに、個人的に見つけたフリー素材も一緒にご紹介します。 一手間加えるだけで、大手企業が使用しているような、プロ級の仕上がりを体感することができ、デザインが上手くなった気分にもさせてくれます。プレゼンテーション資料などにもオススメしたい、無料デザインアイテムとなっています。 詳細は以下から。 �遠近法で表現する、アプリ用モックアップ作成PSDキットまとめ Perspective App Screen Mock-Up 5 半透明ガラスをモチーフに、遠近感たっぷりで描かれた、モックアップ用テンプ
黄金比とは？基礎・書き方とデザインに活用するときの5つのポイント | LISKUL
黄金比とは、「1:1.618」という比率のことです。 黄金比は、物事のバランスと調和を最適化し、視覚的魅力を引き出すと言われています。 自然界では、貝殻の螺旋形状などがこの比率で形成されており、モナリザなどの美術品や、エッフェル塔などの建造物にも活用されています。 しかし、具体的にはどのようなものなのか、どのようにデザインに取り入れればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、黄金比の基礎や、歴史、計算方法、身の回りにある例、具体的な活用方法、などの情報を一挙にご紹介します。 黄金比を活用して魅力的なデザインを作成したい方は、ぜひご一読ください。 黄金比とは、1：1.618という比率のこと 黄金比とは、「1：1.618」という比率のことで、数学、美術、自然の中で頻繁に見受けられる特別な比です。 この比率は「黄金分割」とも呼ばれ、ある長さを二分割した時、全体と
これで十分！ウェブデザインの参考になるギャラリーサイト8選 - LITERALLY
デザインを０から全て考えつくのは難しい。ぼくは元々グラフィックデザインを中心にやってきたから、ウェブデザインを始めてから特にそう感じる。ウェブ上で何ができて、何ができないのか、完全に把握していない中では、既存のイケてるサイトを参考にしながらサイト構成を考えるのが最も効率が良いと思う。 今回は、ぼくがウェブデザインをするときに参考にしているウェブデザインギャラリーを整理がてらまとめてみようと思う。古風であまりオシャレでないウェブサイトを集めたギャラリーサイトは完全に除いている。 1. 今風のレスポンシブ・ウェブデザインサイトだけをまとめた「RWD JP」 レスポンシブ・ウェブデザインのサイトのみを集めたギャラリーサイト「Responsive Web Design Japan」。各サイトのサムネイル画像が①モバイル ②タブレット ③PC の３パターンとも表示されており、とても参考にしやすい。も
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
