タグ

webデザインとウェブデザインに関するkakitoaki08のブックマーク (3)

  • WEBデザイナーのはじめての「SVG」 | 株式会社WEB企画

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

    WEBデザイナーのはじめての「SVG」 | 株式会社WEB企画
  • アプリ用モックアップ作成に使える、超立体的な無料PSD素材まとめ

    海外デザインブログWebDesignLedger.comで、スマートフォン用アプリデザインのモックアップ作成に役立つ、無料PhotoshopテンプレートPSD素材をまとめたエントリー「10 Free PSDs for Perspective App Mockups」が公開されていたので、今回はこちらをベースに、個人的に見つけたフリー素材も一緒にご紹介します。 一手間加えるだけで、大手企業が使用しているような、プロ級の仕上がりを体感することができ、デザインが上手くなった気分にもさせてくれます。プレゼンテーション資料などにもオススメしたい、無料デザインアイテムとなっています。 詳細は以下から。 �遠近法で表現する、アプリ用モックアップ作成PSDキットまとめ Perspective App Screen Mock-Up 5 半透明ガラスをモチーフに、遠近感たっぷりで描かれた、モックアップ用テンプ

    アプリ用モックアップ作成に使える、超立体的な無料PSD素材まとめ
  • これで十分!ウェブデザインの参考になるギャラリーサイト8選 - LITERALLY

    デザインを0から全て考えつくのは難しい。ぼくは元々グラフィックデザインを中心にやってきたから、ウェブデザインを始めてから特にそう感じる。ウェブ上で何ができて、何ができないのか、完全に把握していない中では、既存のイケてるサイトを参考にしながらサイト構成を考えるのが最も効率が良いと思う。 今回は、ぼくがウェブデザインをするときに参考にしているウェブデザインギャラリーを整理がてらまとめてみようと思う。古風であまりオシャレでないウェブサイトを集めたギャラリーサイトは完全に除いている。 1. 今風のレスポンシブ・ウェブデザインサイトだけをまとめた「RWD JP」 レスポンシブ・ウェブデザインのサイトのみを集めたギャラリーサイト「Responsive Web Design Japan」。各サイトのサムネイル画像が①モバイル ②タブレット ③PC の3パターンとも表示されており、とても参考にしやすい。も

    これで十分!ウェブデザインの参考になるギャラリーサイト8選 - LITERALLY
  • 1