Webデザイン

ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選

2014/11/19(Wed) 07:50

無料で使えるビジュアルコンテンツ作成ツールを紹介していきたいと思います。ブログ記事のアイキャッチ画像作成やプレゼン資料の挿絵など、知っておけば表現の幅が広がるサービスばかりですので、ぜひ最後までお付き合いください。

http://liginc.co.jp/web/tool/other-tool/129182

経営者はもちろんサービス提供者全員に知ってほしいUX ――入門編

2014/11/17(Mon) 07:55

UXとは何か。UXの概念を改めて整理する

http://web-tan.forum.impressrd.jp/e/2014/11/14/18053

GitHubを使ったWeb制作のフローがよく分かる！GitHubの使い手になれるオススメの本 -GitHubの教科書

2014/11/17(Mon) 07:53

Web制作のフローにGitHubを取り入れたいけどGitもGitHubは難しそう。どういう時にどの機能を使うのが便利なのか知りたい。GitHub初心者から中級者のWeb制作者に、目からウロコとなるオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4844337009.html

デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ

2014/11/14(Fri) 07:51

サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのページレイアウトやUIキットが揃ったPSD素材を紹介します。

http://coliss.com/articles/freebies/freebies-psd-page-layout-and-ui-2014-fall.html

透過PNG/GIF画像を大幅に軽量化！SVG画像に変換する無料のオンラインサービス -ZorroSVG

2014/11/05(Wed) 07:46

透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。

http://coliss.com/articles/web-services/online-transparent-png-to-svg-zorrosvg.html

デザインセンスが上がった！レイアウトに詳しくなるまとめ

2014/10/28(Tue) 07:53

どうすれば初心者でも「分かりやすく見栄えのするレイアウト」を作ることが出来るのか。余白の使い方や知識、さまざまなレイアウトの例をご紹介させていただきます。

http://commte.net/blog/archives/4799

信頼されるコンテンツを作るための4つのやり方

2014/10/28(Tue) 07:52

十分な信頼性を築けないと、デジタルマーケティングは失敗する ―― SEO担当者にとっては、特にそうだ

http://web-tan.forum.impressrd.jp/e/2014/10/27/18530

ウェブデザインの8つの法則

2014/10/28(Tue) 07:51

ウェブサイトのデザインは、コンバージョンにとって、思っている以上に重要である。世界中のありとあらゆるコンバージョンを改善する手法を実行することは可能だが、サイトのデザインが劣悪なら、大した効果は期待できない。

http://www.seojapan.com/blog/8-web-design-rules

黄金比や三分割など、レイアウトや写真の構図確認に使えるPhotoshopのカスタムシェイプが便利！

2014/10/24(Fri) 08:01

黄金比、黄金螺旋、1/3ルール、L字など、レイアウトや写真の構図に重要なパスを簡単に描けるPhotoshopのカスタムシェイプを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-custom-shape-composition-guides.html

新鮮なアイデアが満載！アニメーションやスクロールを使った実装テクニックのまとめ

2014/10/22(Wed) 07:38

見るだけでワクワクする、そんな素晴らしいアイデアが満載のアニメーションやスクロールを使った実装テクニックをCodePenから紹介します。

http://coliss.com/articles/build-websites/operation/work/awesome-web-techniques-in-2014-fall.html