Web制作に役立つ情報一覧

目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度

2018/06/12(Tue) 09:56

プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。

http://photoshopvip.net/109384

シンプルなWebデザインを実現するための複雑な道のり

2018/06/12(Tue) 09:55

シンプルで素敵なWebデザインの体験は、シームレスです。ユーザーは自信を持って快適に１つのコンテンツから次のコンテンツに簡単に移動することができます。Webデザインにおいてシンプルで完全なユーザー体験を実現することは、デザイナーや開発者が直面するもっとも困難な課題の１つです。

http://uxmilk.jp/68807

超便利！確認しておきたい最新CSSツール、リソースガイド 2018年度

2018/06/11(Mon) 09:56

ここ数年起こっているCSSの変化と急速な進歩により、絶え間なくリリースされている膨大な量のオープンソースのツールには驚かされます。制作時間を節約、短縮できるCSSライブラリやフレームワーク、およびツールは、制作をより手軽に、より簡単にすることを目的に構築されており、理解できていないCSSに関しては学習用ガイドなども数多く提供されています。

http://photoshopvip.net/109315

[CSS]たった一行でガラス板の美しいエフェクトが実装できる、backdrop-filterプロパティの使い方を解説

2018/06/08(Fri) 10:16

ボックスの内部に配置したテキストなどの子要素はそのままで、背景の色相やコントラストやぼかしを変更して、ガラス板のような美しいエフェクトを与えるCSSの新しいプロパティ「backdrop-filter」を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-property-backdrop-filter.html

商用利用無料！Webサイトやスマホアプリの美しいサイトマップやワイヤーフレームを作成できるベクター素材

2018/06/06(Wed) 09:53

300種類以上のコンテンツ、カード・ライン・アローなど、フローチャートで使用する形もベクターで収録された、サイトマップ・ワイヤーフレームを作成できる無料素材を紹介します。

https://coliss.com/articles/build-websites/operation/work/freebies-flowchart-kit-for-sketch.html

2018年のロゴデザインはこれ！確認しておきたい要注目のトレンド15個まとめ

2018/06/05(Tue) 10:35

毎年、ロゴデザインの動向、トレンドをまとめている LogoLounge で、2018年のロゴデザイントレンド15個が発表されていたので、今回はご紹介します。

http://photoshopvip.net/109288

Web制作者が知っておくと便利！Chrome 67でアップデートされたデベロッパーツールの新機能

2018/06/04(Mon) 09:58

先週末にリリースされたChrome 67でアップデートされたデベロッパーツールの新機能を紹介します。Webの制作時に役立つ機能だけでなく、UIも進化しており、さらに便利になりました。

https://coliss.com/articles/browser/chrome/devtools-new-features-in-chrome67.html

デザインの現場で役立つ、すごいフリーフォント素材60個まとめ 2018年5月度

2018/05/31(Thu) 09:54

ユーザーの要望に答えた日本語フォントから、太さの異なる豊富なウェイトを揃えた万能フォント、高級感たっぷりなセリフ書体、人気の高い筆記体やブラシフォント、レトロスタイルのビンテージフォントなど、デザインの現場で活躍する素材が揃います。

http://photoshopvip.net/109172

最近のロゴに使われているデザインのトレンド、テクニックの総まとめ -2018 Logo Trends

2018/05/30(Wed) 09:52

ロゴのデザインって、見ているだけでも楽しいですよね。ロゴにはタイポグラフィ、カラー、形、質感、バランス、リズム、配置など、デザインの基本となる要素が詰まっています。

https://coliss.com/articles/build-websites/operation/design/logo-design-trends-in-2018-by-logolounge.html

UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方

2018/05/29(Tue) 09:58

背景の色に悩んだり、なんとなく決めてしまうことはありませんか？Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/not-use-bright-saturated-colors-for-backgrounds.html