Webデザイン

分かりやすい！Slackの初心者から更に活用したい中級者まで、解説が非常に充実したオススメの本 -Slack入門

2016/07/06(Wed) 09:54

Slackって何？ 制作チームに最適なコミュニケーションツールを探してる！ というSlackの完全初心者から、Slackを更に活用したい、日本語でまとまったドキュメントがほしい、そんな使い方もあるのか！ という中級者まで、Slackの具体的な使い方がしっかり分かるオススメの本を紹介します。

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

無料で使える！レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

2016/07/04(Mon) 09:52

ウェブサイトをもっと簡単に作成したいというときは、HTMLやCSS、JavaScript、画像などをセットにしたHTMLテンプレート素材を活用してみましょう。あらかじめデザインや機能が実装されているので、テキストエディタで文字を編集するだけで、魅力的なサイトデザインに仕上げることができます。

http://photoshopvip.net/91609

アプリやサイトデザインを格好良く見せられる、遠近法を用いたデザインモックアップ 20

2016/07/04(Mon) 09:52

ポートフォリオでアプリやモバイルサイトのデザイン掲載時に使われていたり、コンセプトデザインの紹介などでも利用されているのを見かけることが多い、遠近法を用いた格好良い見栄えを簡単に再現することができるデザインモックアップのまとめです。

http://www.nxworld.net/material/20-perspective-mockups.html

Googleのマテリアルアイコンは軽量・デザイン・アクセシビリティOKの優れモノ

2016/06/29(Wed) 07:28

このマテリアル・アイコンを使えば、画像ファイルを自分用意しなくてもアイコンをWebページにカンタンに設置できます。

http://web-tan.forum.impressrd.jp/e/2016/06/28/23209

誰でもできるデザインの７つの基本（＋α）でWeb制作・ブログ運営・資料作成をより創造的に

2016/06/28(Tue) 07:24

世の中はデザインで溢れている。ブログを運営するとき、会社で資料を作るとき、普段の生活の中でも結構「デザインする」ことに直面する場面は多い。キレイで便利なテンプレートやテーマを使えば済む話だけれど

http://lifeiscolourful.hatenablog.com/entry/2016/06/26/211152

Web制作の気になるトレンドや技術やツールが分かりやすく解説されたオススメの本 -Web制作の最新常識

2016/06/27(Mon) 07:27

1カラムのレイアウトをよく見かけるけどどういう風に使うの？ パステルの鮮やかなカラーを効果的に使いたい！ 今トレンドのセミフラットのポイントと注意点は？　レスポンシブ時のレイアウトの変化のパターンを知りたい！ リセットCSSとノーマライズCSSはどこが違うの？ SassやCompassやNode.jsを使ってみたい！

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

ホームページで個性を出すには、「奇抜さ」よりも「自分らしさ」を「具体的に」（第4回）

2016/06/24(Fri) 07:32

第4回は「ホームページで個性を出すこと」についてのお話。同じような情報を扱うサイトが山ほどある中で、他にはない個性をどうやって出していくか

http://web-tan.forum.impressrd.jp/e/2016/06/24/23181

黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに

2016/06/24(Fri) 07:30

Webサイト、雑誌や同人誌の表紙、フライヤーなどのレイアウト、コンテンツの配置、余白のとり方、写真の構図、オブジェクトの形のデザインに、黄金比や黄金螺旋をうまく取り入れるデザインテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/the-golden-ratio-in-design.html

センスがなくてもそれっぽい！無料インフォグラフィック作成ツール5選

2016/06/22(Wed) 07:26

数あるインフォグラフィック作成ツールの中から「デザインセンスがなくてもそれっぽく仕上がる」ことを条件に5つをピックアップしました。

http://liginc.co.jp/287677

Webサイトのアイデアを形にする！ワイヤーフレームやフローチャートに使える素材のまとめ

2016/06/22(Wed) 07:25

最近のWebサイトで使われているさまざまなレイアウト、ヘッダやフッタやナビゲーションやコンテンツのパターンがキット化されたワイヤーフレームやフローチャートを作成するのに役立つ無料素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/wireframe-flowchart-kits.html