Web制作に役立つ情報一覧

モバイルのレスポンシブデザインにおける４つの基本ポイント

さまざまな画面サイズのデバイスがあることから、今ではレスポンシブデザインが当たり前になっています。ユーザーがデバイスに関係なくコンテンツを利用できるように、さまざまな環境でテストをしながらWebサイトをデザインする必要があります。

https://uxmilk.jp/74883

Photoshop CC 2019 新機能「コンテンツに応じた塗りつぶし」で、なんでも秒速で消す方法

カリフォルニア州ロサンゼルスで開催された　Adobe MAX 2018 にて、主要アプリのメジャーアップデートが発表されました。Photoshop CCでは、新機能「コンテンツに応じた塗りつぶし」が追加され、より直感的にな操作が可能となり、より細かなコントロールに対応できるようになりました。

http://photoshopvip.net/content-aware-fill

感情レベルを考慮した魅力的なWebデザインとは

私たちデザイナーにとっては受け入れがたい事実ですが、クライアントの目標達成の助けにならなければ、どれだけ美しい作品でも意味がありません。どのクライアントにとっても最優先すべきことは、Webサイトと商品に魅力を感じてもらうことです。

https://uxmilk.jp/74893

Photoshopでダイヤモンドのキラキラで ゴージャスな文字エフェクトの作り方

今回はPhotoshopをつかって、キラキラと輝くダイヤモンドの文字エフェクトの作り方をご紹介します。

http://photoshopvip.net/diamond-text-effect-11

こんなやり方もあったとは！最近のWeb制作のワークフローにおけるAdobe系ソフトの効率的な使い方が詳しく解説された完全保存版の良書

Web制作にAdobe系のソフト、Adobe XDとPhotoshopとIllustrator、そして、Creative Cloudを活用している人は多いと思います。ブラウザやスマホなどの閲覧環境が多様化する中、デザインツールや制作のワークフローも大きく進化しています。

https://coliss.com/articles/book-review/isbn10-4297100320.html

全部、無料フォント！曼荼羅（まんだら）デザインのロゴを簡単に作成できるフリーのベクター素材キット

緻密にデザインされた曼荼羅のロゴを簡単に作成できる、Illustrator用・Photoshop用のファイルが揃ったフリーのベクター素材キットを紹介します。

https://coliss.com/articles/freebies/modern-mandala-logo-creator.html

ブランドをもっとも印象づけるロゴの配置はどこか？

多くのデザイナーがブランドを印象づけるためにWebサイトのロゴを中央や右に配置します。しかしこれは、ブランドの印象づけに繋がらないことが調査によりわかっています。

https://uxmilk.jp/74759

なぜ背景色に明るく鮮やかなを使ってはいけないのか？

インターフェイスの色にユーザーの目を刺激する色を使っていませんか？もし、背景に明るく鮮明な色を使っているのであれば、ユーザーがページにとどまるのを困難にしています。明るく、鮮明な色はユーザーの興味を引きます。しかし鮮明な色を広い領域で使うことは、目を圧迫し網膜を過剰に刺激します。

https://uxmilk.jp/74976

Photoshopで写真をモノクロにする 8個の鉄板テクニック 完全版

Photoshopで写真をモノクロに加工する方法は、デザイン制作において欠かせない重要なテクニックです。しかし、加工方法もさまざまで、画像に応じてツールを使い分け、モノクロ加工を行っているというひとは、どれくらいいるでしょう。

http://photoshopvip.net/convert-black-white

【CSS】beforeとafterなど擬似要素の使い方

「擬似要素って、なんとなくとっつきづらい」「擬似要素で表現できるものは、CSSに書けばよくない?」こんなイメージを「擬似要素」に持っていませんか？ 特に、アイコン表示などは、CSSでも実現できるのに、なぜ擬似要素なの、という疑問はCSSを最初に学習し始めた人が素朴に抱きがちです。

https://creive.me/archives/14779/