Web制作に役立つ情報一覧

バックグラウンドに動画を使うことのメリットとデメリット

2018/10/30(Tue) 09:56

バックグラウンドに動画を使う手法は、数年前に出てきたデザイントレンドですが、デザイナーの中でも議論され続けています。この方法は、関心の薄いオンラインユーザーの注目を集めることができます。押しつけがましい印象を与えずにバックグラウンドで再生でき、サイトの訪問者のエンゲージメントを高めることもできます。

https://uxmilk.jp/64146

2018年のSEOで押さえておきたい！ 22の基本知識と最新Google情報

2018/10/26(Fri) 10:07

イマドキのSEOで押さえておきたい基本知識から最新グーグル情報までを22個まとめてお届けする。グーグルのゲイリー・イリェーシュ氏が、最近のグーグルの変化や検索エンジン最適化のために知っておくべきこととして語ったものだ。

https://webtan.impress.co.jp/e/2018/10/26/30810

もうアイコン素材に困らない！CC0でSVG完備、420種類のシンプルにデザインされたアイコン素材 -Evericons

2018/10/25(Thu) 09:51

シンプルなアイコン素材は、重宝しますよね。Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。

https://coliss.com/articles/freebies/free-svg-icons-evericons.html

レイアウトで選ぶWebデザイン・HTMLテンプレート40個総まとめ 2018年版

2018/10/24(Wed) 09:59

今回は、無料ダウンロードできる高品質HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。

http://photoshopvip.net/111506

ユーザーが信頼できる支払い画面を作るための７つのヒント

2018/10/23(Tue) 09:54

アプリには、「求める前にまずは与えよ（Give before you take）」という原則があります。ユーザーにアプリのレビューや通知の許可、商品の購入などをして欲しいときは、まず自分の価値を示すべきです。アプリの中でこの原則がもっとも重要な場所の１つはどこでしょうか？　答えは支払い画面です。

https://uxmilk.jp/74574

CSSのborder-radiusは実はすごかった！あまり知られていない機能を使用して、かっこいいレイアウトを作る方法

2018/10/23(Tue) 09:53

border-radiusプロパティは角丸を定義しますが、カードなどの矩形の角を丸くするために使用するだけでなく、さまざまな形を作成することができます。

https://coliss.com/articles/build-websites/operation/css/css-border-radius-can-do-that.html

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

2018/10/22(Mon) 09:55

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

https://uxmilk.jp/74883

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

2018/10/18(Thu) 09:55

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

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

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

2018/10/17(Wed) 09:52

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

https://uxmilk.jp/74893

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

2018/10/11(Thu) 09:56

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

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