Webデザイン

新米デザイナー必見！今すぐ使える広告インパクトをあげるイラストレーターの使い方

2016/03/17(Thu) 07:31

広告やバナーを製作する際、大切なのが読み手に「インパクト」を与えること。でも、初心者マークの方だとどうすればデザインにインパクトをつけられるか分からないですよね。

http://creive.me/archives/8963/

デザイナーが入れておきたい、クリエイティブな Chrome拡張機能12個まとめ

2016/03/15(Tue) 07:30

デザイン制作をより快適にしてくれる、インストールしておきたい Chrome 拡張機能をまとめています。

http://photoshopvip.net/archives/88132

Webデザインにシャドウを取り入れる時のポイントいろいろ | Webクリエイターボックス

2016/03/11(Fri) 07:20

要素に加えれば、画面に立体感をもたらすシャドウ。なんだか最近シャドウを取り入れたデザインをよく見かけるので、今回はシャドウを使う時の注意点やコツをまとめてみようと思います。

http://www.webcreatorbox.com/tech/shadow/

最近のWebのUIデザインで採用されているナビゲーションのパターン16種類のまとめ

2016/03/10(Thu) 07:26

最近のWebのUIデザインで採用されているさまざまなナビゲーションの名称とその役割、使う時のポイントを「Web UI Design Patterns 2016」から紹介します。

http://coliss.com/articles/build-websites/operation/design/navigation-pattern-for-ui-design.html

PCとスマホどっちでみる？ちゃんと届く画面設計とは

2016/03/09(Wed) 07:42

「何を入れるか」も大事ですが、「何で見るか」も画面設計のとても大切なポイントです。今つくりたいと思っているWebサイトに、適切な画面設計はどれかを一緒に考えていきましょう。

http://liginc.co.jp/247666

デザイン認識の違いを防ぐ、効果的なムードボードの作り方ポイントまとめ

2016/03/09(Wed) 07:41

複数のデザイナーがプロジェクトに関わっていたり、クライアントとの打ち合わせなどで、デザインの認識やイメージが合わずに、パーツを作り直すなど困った経験はないでしょうか。

http://photoshopvip.net/archives/87871

使いやすいスタイルガイドを作成！デザイナー向けテンプレート素材、ツール15個まとめ

2016/03/08(Tue) 07:32

より複雑になっていくWebデザイン制作では、統一感のあるデザインやレイアウトを利用することが重要です。プロジェクトをチームで進めるときや、公開後もメンテナンスしやすいサイト作成には、スタイルガイドを活用してみましょう。

http://photoshopvip.net/archives/87756

レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new code

2016/03/04(Fri) 07:36

Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断されてしまいます。

http://coliss.com/articles/build-websites/operation/work/auto-centered-responsive-google-map.html

これが知りたかった！よく使うUI要素をFlexboxを使ってシンプルに簡単に実装するチュートリアル

2016/03/03(Thu) 07:26

Flexboxの基本的な使い方から、ヘッダ・フッタ・ナビゲーション・タブ・カードなど、Webページでよく使うUIコンポーネントをFelxboxで実装するチュートリアルを紹介します。

http://coliss.com/articles/build-websites/operation/css/using-flexbox-for-ui-components.html

Webサイトのデザインができるまでに必要な情報とは？

2016/03/02(Wed) 07:37

デザインを考えていくのに何が必要だと思いますか？　デザインと聞くと、センスや感性など特別な力が必要だと思われがちですが、そんなことはありません。

http://liginc.co.jp/244958