Webデザイン

Webコンテンツの成果が上がるレイアウトの法則とは？

2014/12/10(Wed) 07:56

優れたコンテンツとは、どんな構成で作られているのか、その鉄則を解説します。

http://web-tan.forum.impressrd.jp/e/2014/12/08/18851

2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ

2014/12/10(Wed) 07:56

Webデザイナーはコードを学ぶべき？ コーダーはデザインを学ぶべき？両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。

http://coliss.com/articles/build-websites/operation/work/brief-history-of-web-design-for-designers-by-froont.html

最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles

2014/12/10(Wed) 07:54

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。

http://coliss.com/articles/freebies/freebies-ui-titles-for-wireframesand-flowcharts.html

本文と見出しのフォントサイズを数学的にバランスの良い比率でデザインする -Type Scale

2014/12/04(Thu) 07:43

本文と見出し、中見出し、小見出しのフォントサイズはどのように決めてますか？一つの方法として、一定の比率でそのサイズを決めるのも有りです。というか、そうやってよく決めてました。

http://coliss.com/articles/build-websites/operation/design/online-visual-type-scale.html

ゴージャスなUIデザインを作成する7つのルール

2014/11/28(Fri) 08:07

ユーザーインターフェースについてのスキルが全く無かった著者は、UXをデザインするのは好きでしたが、長い間していませんでした。しかし見た目のよいインターフェースの作成方法を学ぶ理由が、たくさんあることに気がついたのです。

http://photoshopvip.net/archives/71031

px指定の次はコレ！フォントサイズやブレイクポイントに「rem」を使ったレスポンシブ対応のフレームワーク -Schema UI Framework

2014/11/28(Fri) 08:06

Webページでよく使用するさまざまなコンポーネントが簡単に利用できるフロントエンド用のフレームワークを紹介します。最近は、フォントサイズやMedia Queriesのブレイクポイントなどの単位に「rem」を使用しているサイトが増えてきましたね。

http://coliss.com/articles/build-websites/operation/work/schema-ui-framework.html

Googleのアイコンデザイン思想を学ぶ

2014/11/27(Thu) 07:55

Googleが公開しているデザイン・ガイドラインのアイコンに関するところを読みました。アイコンのデザイン・ガイドラインの対象は、「プロダクト・アイコン」と「システム・アイコン」の2つがあり、デザインする上で注意を払うことや、原則がまとめられています。

http://www.visualthinking.jp/archives/18943

ノンデザイナーのための無料ビジュアルコンテンツ作成ツール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