Webデザイン

レイアウトで選ぶ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

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

2018/10/22(Mon) 09:55

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

https://uxmilk.jp/74883

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

2018/10/17(Wed) 09:52

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

https://uxmilk.jp/74893

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

2018/10/11(Thu) 09:55

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

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

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

2018/10/05(Fri) 10:05

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

https://uxmilk.jp/74976

こんなのあったんだ！ 意外と知らないHTMLの要素をご紹介します

2018/09/06(Thu) 09:52

僕の知らなかったHTML要素をいくつか見かけたので、今回はそれらをまとめてご紹介したいと思います！

https://liginc.co.jp/413655

追従ヘッダー実装時に使える動作・デザインパターン例

2018/09/03(Mon) 10:21

常にユーザーの視線に入るようにしておきたいとかサイトの回遊率をあげたいなどの理由で実装を頼まれることが多いと追従ヘッダー。単純に基本となる見栄えを維持してそのまま追従させることも多いですが、少し変化を加えてほしいという要望をもらうことも少なくないので、そういった場面で提案しやすいようによくある動作・デザインのパターン例をまとめました。

https://www.nxworld.net/inspiration/fixed-and-sticky-header-pattern.html

便利なツールが登場！ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール

2018/08/29(Wed) 09:52

SVGアイコンは美しく軽量で、非常に便利です。Webサイトでもスマホアプリでも、SVGアイコンを使用している人は多いと思います。SVGアイコンをアニメーションさせるには、どうしていますか？

https://coliss.com/articles/build-websites/operation/work/svg-icon-transition-generator.html

デザイナーなら使いこなしたいフォントにまつわる用語まとめ

2018/08/27(Mon) 09:56

最近LIGのデザイナーにモリサワパスポートが導入されました。これを機会に少しフォントの勉強をしようと思い、フォントに関する名称についてまとめてみました。

https://liginc.co.jp/411370