Web制作に役立つ情報一覧

WebデザインにおけるZ字型レイアウトの活用方法

2017/08/23(Wed) 10:16

あなたが書いた文章をすべてのユーザーが楽しみながら読んでいると想像するのは簡単です。しかし、現実を見てください。ユーザーはそんなことはしません。ただ斜め読みをするだけです。

http://uxmilk.jp/66543

「続きを読む」を押さないと読めない「隠しテキスト」は、グーグルSEOでどう扱われているのか！？

2017/08/22(Tue) 09:51

「続きを読む」に隠された記事本文、タブに隠れているレビュー投稿、最初は非表示の詳細情報……グーグルは、こうした「隠しテキスト」をどう扱っているのか？

http://web-tan.forum.impressrd.jp/e/2017/08/21/26523

わかりやすい文章の10大原則（第2回）

2017/08/18(Fri) 09:53

「Web文章入門」第2回は「わかりやすい文章の10大原則」。論旨を明確に伝えること、ストレスを感じさせないことが、わかりやすい文章のポイントです。

http://web-tan.forum.impressrd.jp/e/2017/08/18/26274

Webデザインにおけるスクローリングの新しいルール

2017/08/18(Fri) 09:53

かつてWebデザインでタブーとされていたものが、近年もっとも人気がある手法の１つとして完全復活しました。ユーザーはスクロールが必要なサイトを好み、評価するようになったのです。

http://uxmilk.jp/66894

こんなにも違う！同じ被写体なのに、アマチュアとプロのカメラマンでどのように違って写真が撮影されるのか

2017/08/17(Thu) 09:56

何気ない日常の中でも、別の視点から見ることで、印象が変わります。同じ被写体をアマチュアとプロのカメラマンで、どのように違って写真が撮影されるのか、印象的な写真を撮る秘訣を紹介します。

http://coliss.com/articles/build-websites/operation/design/photographer-amateur-vs-pro.html

文字や写真、背景や飾りをかわいくキラキラに仕上げる！ラメやスパンコールのような珍しいデザイン素材

2017/08/16(Wed) 09:52

文字や写真に、そして背景や飾りに、簡単に利用できるキラキラのパターンとテクスチャが揃った、珍しいデザイン素材を紹介します。

http://coliss.com/articles/freebies/glitter-textures-and-patterns-by-wingsart.html

しっかり入門！きちんと身につくIllustratorチュートリアル、つくり方37個まとめ

2017/08/10(Thu) 09:49

Illustrator は、デザインの現場に欠かせないソフトウェアのひとつで、さまざまなツールや機能を活用することで、高品質なイラストやグラフィックスを作成できます。

http://photoshopvip.net/103661

ユーザビリティを測定する際に理解しておくべき10のこと

2017/08/09(Wed) 09:50

プロダクトやWebサイトにおいて、何が機能していて何が機能していないのかを知るにはユーザーを数人観察するだけでも十分です。

http://uxmilk.jp/61221

CSSリセットの新しい考え方、リセットと有用なコンポーネントだけのスタイルシート -Shoelace.css

2017/08/09(Wed) 09:49

レイアウトにfloatを使用していた頃はグリッドを構築するために、複雑なHTMLやテクニックが必要になることがありました。しかし、flexboxやCSS Gridの登場で、レスポンシブ対応の柔軟なグリッドを簡単に利用できるようになりました。

http://coliss.com/articles/build-websites/operation/css/css-starter-kit-shoelace.html

商用利用無料、和紙・和風の紙のテクスチャ素材がダウンロードできるサイトのまとめ

2017/08/08(Tue) 09:49

和紙・和風の紙、畳や段ボールやノートなどのテクスチャ素材がダウンロードできるサイトを紹介します。そのまま背景に使ってもよし、写真やイラストにオーバーレイさせてもよし、テクスチャ素材は何かと便利ですね。

http://coliss.com/articles/freebies/free-japanese-paper-textures.html