Webデザイン

デザインの参考にしたい、写真と文字を半分重ねた雑誌風のWebサイト15選

2014/10/20(Mon) 07:53

以前からあったデザイン手法の1つではありますが、写真と文字を半分重ねた雑誌風のデザインのサイトを紹介していきたいと思います。

http://liginc.co.jp/web/design/114735

ダウンロードしておくべし！iOS 8のGUI要素をまとめたPSD素材の決定版 -iOS 8 GUI PSD(iPhone 6)

2014/10/17(Fri) 07:56

TeehanとLaxによるiOSのGUI素材シリーズの最新版が昨日、リリースされました。今回はiPhone 6対応のiOS 8 GUI PSDです！

http://coliss.com/articles/freebies/freebies-psd-ios8-gui-for-iphone6.html

有名サイトに学ぶトップページの要素構成 – 全日本空輸（ANA）編

2014/10/16(Thu) 08:09

全日本空輸（ANA）は、日本ブランド戦略研究所が公表しているWebサイト価値ランキングで常に上位に顔を出し、2014年は1,108億円という価値を算出されています。

http://skan.in/2014/10/15/how-growth-ana/

UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ

2014/10/16(Thu) 08:07

UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-tutorials-for-ui-design.html

スマホのメニューデザインに悩んだらこれを見る　徹底収集36選！

2014/10/14(Tue) 07:54

スマホはメニューバーが命！！スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。

http://liskul.com/cr_spdesign36-5195

「サイトの動線」を改善したいのですが、どういう手順で進めればよいですか？

2014/10/07(Tue) 07:58

動線を改善できれば、施策の精度は格段に高まるだろう。今回はその手順を考える。

http://web-tan.forum.impressrd.jp/e/2014/10/06/18381

コンバージョン率が改善された実例から学ぶフラットデザインの効果的な使い方

2014/10/03(Fri) 07:49

一年くらい前は、フラットはただのトレンドでしょ、と言われることもありましたが、この一年で日本でも多くのWebサイトで採用されており、一過性のものではなくなりました。これから制作されるサイトの多くでフラットが採用され、またどんどん進化していくことと思います。

http://coliss.com/articles/build-websites/operation/design/flat-design-increases-conversion-rates-by-speckyboy.html

Webページやスマホアプリの洗練された新しいUIをチェック！ BootstrapのテーマやAI, PSD素材のまとめ

2014/10/01(Wed) 07:47

Material Designを取り入れたBootstrapのテーマ、小さいGUIに魅力がたくさん詰まっているApple Watch、Appleのこれからの主力となるiOS 8のUI、進化して使いやすくなったフラットスタイルのコンポーネント、ユーザーに操作の楽しさと使いやすさを与えるさまざまなアニメーションなど、新しいUIを体験できる素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/you-can-experience-new-ui.html

Webデザイナーが捗る！知識を増やす最近のトレンドまとめ

2014/09/30(Tue) 07:39

Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。

http://commte.net/blog/archives/4746

Webデザインで今必要されているテクニックの考え方や使い方が分かる解説書 -Webデザイン&レイアウトの最新常識

2014/09/29(Mon) 07:46

ページのレイアウトだと最近はマルチカラムからシングルカラムへ、そしてフルスクリーン表示も増えてきました。また、マルチカラムを使用する場合は列ではなく、行の構成が重要視されています。

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