Web制作に役立つ情報一覧

Photoshopで人や物を削除する 5個の超簡単テクニック 完全まとめ

2018/08/08(Wed) 09:47

今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、写真に写り込んでしまった不要なモノを、2〜3分の短時間で、スピーディーに除去することができるので、フォトショップ初心者のひとにもオススメです。

http://photoshopvip.net/remove-anything

アダプディブデザインか、レスポンシブデザインか

2018/08/07(Tue) 10:11

アダプティブデザインとレスポンシブデザインは、両方ともブラウザのウインドウ幅に応じてUIを調整するという点ではとてもよく似ています。しかし、その調整の仕方において両者は異なっています。

https://uxmilk.jp/73077

意識したいタイポグラフィの基本ルール

2018/08/06(Mon) 10:01

基本的なことばかりで且つwebでの使用についてがベースですが、タイポグラフィについてもう少し意識したいと思ったので再確認兼ねた備忘録です。

https://www.nxworld.net/design-ui-ux/typography-rules.html

[CSS]見出し、本文、リストなど、文字周りをrem指定で簡単に設計できる便利なオンラインツール

2018/08/03(Fri) 10:00

Webデザインで使用する見出し、小見出し、本文、リストなどフォントの基本サイズ、行間、それぞれのマージンなど、文字周りのデザインを実際のブラウザで確認しながら設計できる便利なオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/web-typography-tool-gridlover.html

CodePenで公開されている、CSSを使ってIsometric（アイソメトリック）な見栄えを実装したデモ 15

2018/08/02(Thu) 09:54

CSSを使って要素を斜め上から見ているようなIsometric（アイソメトリック）な見栄えを実装しているデモをCodePenで公開されているものから紹介します。

https://www.nxworld.net/tips/15-css-isometric-appearance-examples-from-codepen-201808.html

[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts

2018/08/01(Wed) 09:55

チャートやグラフを実装するのは面倒、と思われがちですが、そんな人にはこのスクリプトをお勧めします。div要素一つと外部ファイルを一つ、あとはグラフのデータを設定するだけで、さまざまなチャートやグラフが簡単に実装できてしまう単体のJavaScriptライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/modern-javascript-charting-library.html

こういう解説書を待ってた！Webサイトやスマホアプリにおける認知心理学の効果や実際の使用例が分かりやすい

2018/08/01(Wed) 09:54

最近のWebサイトやスマホアプリでは、認知心理学が多く取り入れられるようになりました。キャンセルボタンを右と左のどちらに配置すべきか、顔写真を使用した時の目線の向き、ボタンの大きさや配置方法など、心理学のテクニックが使われています。

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

使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法

2018/07/31(Tue) 10:05

Webサイトやスマホアプリでも、心理学はいたる所に存在します。Facebookの通知に緊急のカラーであるレッドが使用されているのは、注意を必要としているのが理由です。また、Vogueのような雑誌ではロゴのタイポグラフィに十分な余白を備え、潜在意識に排他性を伝えます。

https://coliss.com/articles/build-websites/operation/work/hacking-usability-with-psychological-principles.html

フリーフォントが勢揃い！デザインが良くなる無料フォント65個まとめ 2018年7月度

2018/07/30(Mon) 10:08

豊富なウェイト数が揃った万能フォントから、話題のSVG、カラーフォント、新しいビンテージ、レトロスタイルや美しい筆記体、手書きブラシフォントなどさまざまなデザインフォントが揃います。今後のデザイン案件に応じて、お好みのフリーフォントを探してみてはいかがでしょう。

http://photoshopvip.net/110195

ホリデーシーズンに向けて準備しておきたいサイト内検索施策10選

2018/07/27(Fri) 09:53

夏・冬などのホリデーシーズンでは小売業者のプロモーション活動とメールキャンペーンが活発になります。しかし、プロモーション面にばかり焦点を当ててしまい、Webサイト、特にサイト内検索が見落とされがちになっています。

https://uxmilk.jp/73184