Web制作に役立つ情報一覧

夏を楽しむ、すごい無料ベクター素材33個あつめました。

2015/07/03(Fri) 07:51

鮮やかな水彩絵の具でペイントされた、自然や花などをモチーフにした素材から、簡単にロゴを作成できるバッジデザインや、ウェブデザイン制作に活用できるベクターアイコンなど、幅広いデザインに対応できる素材を集めています。

http://photoshopvip.net/archives/79152

デザインの視覚調整 ― 人間の認知に適合するデザインのために

2015/07/03(Fri) 07:51

駆け出しのデザイナーの頃は、何が正しくて何が正しくないかということについて、PhotoshopやCSSを信じ切っていました。Photoshopで整列すればそろったことになるし、形の違う2つのオブジェクトが同サイズと言うならサイズは一緒。

http://postd.cc/optical-adjustment/

【新人ディレクター向け vol.4】Web制作における試験（デバッグ・テスト）について

2015/07/03(Fri) 07:50

新人ディレクターに回ってきがちな試験について書いてみようと思います。僕は新人のころにエンジニアだったのですが、そのときは試験ばかりやっていました。

http://liginc.co.jp/web/useful/160408

【新人ディレクター向け vol.3】Web制作における財務について（請求・入金・源泉徴収）

2015/07/02(Thu) 07:53

【財務関連】について、現場の事例も交えてポイントを書いてみようと思います。「請求」の部分ですね。

http://liginc.co.jp/web/useful/160404

アクション不要！PhotoshopでInstagram風のヴィンテージに写真を加工する方法

2015/07/02(Thu) 07:52

グラデーションマップを使って全体を黄色味がかった色に補正する

http://liginc.co.jp/web/design/photoshop/169997

Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス

2015/07/02(Thu) 07:52

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-code-generators-webcodetools.html

UIデザインで大切な空白スペースの効果的な使い方

2015/07/02(Thu) 07:51

空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。

http://coliss.com/articles/build-websites/operation/design/white-space-is-crucial-to-ux-design-by-jerry.html

【新人ディレクター向け vol.2】Web制作における契約成立の流れと注意点

2015/07/01(Wed) 07:57

今回は前回触れることができなかった、発注について細かく解説してみようかと思います。

http://liginc.co.jp/web/useful/160023

デザインの実践現場で使える！すごい無料モックアップPSD素材31個まとめ

2015/07/01(Wed) 07:56

ブランド価値を高めるブランディングデザインにはじまり、ウェブデザインやモバイルアプリのUIデザインをより魅力的に紹介できる、お助け系モックアップ素材まで、幅広いコレクションを揃えています。

http://photoshopvip.net/archives/78967

デザインの勉強にいい！有名ブランドのガイドラインのまとめ

2015/07/01(Wed) 07:55

Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。スタバ、ケンタ、Heineken、NASA、LEGOなど、ちょっと珍しいガイドラインもあります。LEGOのガイドラインは、かなりLEGOらしい出来映えです。

http://coliss.com/articles/build-websites/operation/work/visual-identity-guidelines-for-ux-desiners.html