Web制作に役立つ情報一覧

これからのUXデザインにおけるモーションデザインの重要性

2016/09/27(Tue) 10:14

モーションデザインとは空間の関係性や、機能性、あるいは意図を美しく流動的に説明する際に使われます。「モーション」というと大げさに聞こえるかもしれませんが、効果的に使用したものはさりげなく自然なものです。

http://uxmilk.jp/50332

すぐに使える！UIデザインで効果的なカラースキームをまとめたスウォッチ素材 -Open Color

2016/09/27(Tue) 10:13

UIデザインで使う、フォント、背景、ボーダー、ボタンなどのカラーを効果的にするグレーと基本の12色から展開されたカラースキームを紹介します。

http://coliss.com/articles/build-websites/operation/design/color-scheme-for-ui-design.html

５つのデザインコンセプトから学ぶマテリアルデザイン

2016/09/26(Mon) 10:35

マテリアルデザインは、Googleが提唱するメタファーに基づいたデザイン手法ですが、多くのアプリに適用されだしています。

http://uxmilk.jp/50958

CSSの単位（em, rem）を使った、これから取り入れていきたい実装テクニックのまとめ

2016/09/26(Mon) 10:35

CSSの相対的な単位（em, rem）を使って、Webページで使われるUIコンポーネントのさまざまなサイズを変化させるスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/resizeable-components-with-relative-units.html

Penguin が Google のコア アルゴリズムの一部になりました

2016/09/26(Mon) 10:34

Google のアルゴリズムは、ユーザーが検索したいものを特定できる 200 以上の固有のシグナル（手がかり）に基づいています。このようなシグナルには、たとえば、ウェブサイト上の特定の単語、コンテンツの鮮度

https://webmaster-ja.googleblog.com/2016/09/penguin-is-now-part-of-our-core.html

文章力を向上させたい初心者の方へ。現役ライターのおすすめ本7冊

2016/09/26(Mon) 10:33

文章を書くのは得意ですか？昔から得意という方もいますが、苦手な方にとっては、小学生のころの作文なんかは苦しい時間だったかもしれません。

http://www.kiyoichi-t.com/entry/writing.book

Google Analyticsの本気。AIによる無料アドバイス機能『Analytics Assistant』の衝撃

2016/09/23(Fri) 09:51

先日の『Google I/O 2016』で、Googleは本格的に「AI：人工知能使って色々やっていくよー！」と高らかに宣言したわけですが、やっぱり来ました。GoogleアナリティクスへのAssistant機能提供です。

https://bita.jp/dml/gaassistant

商用利用もOK！経産省が美しい日本の風景を“フリー素材”として提供

2016/09/23(Fri) 09:50

経済産業省が運営する、観光の促進を目的とした「PHOTO METIプロジェクト」。このサイトで公開されている画像はすべて二次利用できるというのが特徴で、公的機関がフリー素材を提供するという稀なプロジェクトだ。

http://irorio.jp/endomayu/20160920/352586/

真ん中に配置したらバランスが悪い！画像の見た目のウェイトから中心を見つける方法 -Visual Center

2016/09/23(Fri) 09:49

正円とか正方形を中心に配置するのは簡単ですが、見た目の中心が中央にないものを中心に配置するためには、見た目のウェイトから中心を見つける必要があります。

http://coliss.com/articles/build-websites/operation/design/visual-center-of-images.html

デザイナーが使うアイテムやデザインソフトの各種ツールをモチーフにしたアイコンセット 15

2016/09/21(Wed) 10:04

ペン・ブラシ・パレット・インクといったデザイナーの身近にあるアイテムやPhotoshopやIllustratorといったデザインソフトの各種ツールアイコンをモチーフに作られたデザインアイコンのまとめで、シンプルなアウトライン、フラットデザイン、見た目やカラーが可愛らしいものなど全15セットです。

http://www.nxworld.net/material/15-free-designer-icons.html