Webデザイン

サイト作りに欠かせない「階層構造」とは？ 「サイト構成図」って何？【第9回】 | 今さら人に聞けないWebの仕組み | Web担当者Forum

2019/11/13(Wed) 09:56

Webサイトを作るとき、データをどう整理すればいいのでしょうか？ 雑多にデータを置いてしまうと、サイトの構造はあっと言う間にごちゃごちゃになってしまいます。

https://webtan.impress.co.jp/e/2019/11/13/34227

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ

2019/10/31(Thu) 09:56

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？

https://coliss.com/articles/build-websites/operation/design/visually-distorted-when-ui-looks-all.html

デザイン崩れがよりよいデザインを生む

2019/10/28(Mon) 09:55

UIデザインは難しいものです。スマートフォンやタブレット、ノートパソコンなどのデバイスによって形やサイズはさまざまで、キーボードやマウス、タッチパネルといった入力方法を採用しているかどうかも異なります。こうした状況で優れたデザインをするには、何よりデザインを徹底的に変える方法を学ばなければいけません。

https://uxmilk.jp/80771

WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性

2019/10/23(Wed) 10:02

ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。

https://coliss.com/articles/build-websites/operation/work/turn-your-website-into-a-pwa.html

ボタンやアイコンやナビゲーションなど、クリック・タップ可能な領域のサイズを広くする実装方法のまとめ

2019/10/15(Tue) 10:24

ボタンやアイコン、ナビゲーション、サイドバーなど、さまざまなUI要素に適したクリック・タップ可能な領域のサイズを拡張する実装方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/enhancing-the-clickable-area-size.html

実用性が高く、完全保存版の一冊！印刷の種類・コスト・納期・データの作り方がわかる -特殊印刷・加工辞典

2019/10/04(Fri) 09:51

印刷を依頼する際に必要な知識がまとめられた完全保存版の一冊を紹介します。ポスターやチラシ、カード、包装紙、同人誌、グッズ製作など、紙を使った成果物の強い味方になります。

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

フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説

2019/10/03(Thu) 10:02

フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。

https://coliss.com/articles/build-websites/operation/work/where-to-put-buttons-in-forms.html

UIデザイナーから学ぶ！今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説

2019/10/01(Tue) 10:01

デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。

https://coliss.com/articles/build-websites/operation/work/dark-mode-working-with-color-systems.html

デザイン思考とは小さなことを継続して身につけるもの、気づきと学びと体験が得られるクリエイティブな実践書

2019/09/20(Fri) 09:50

「デザイン思考」とは、デザイナー限定の思考法ではありません。「Designing Thinking」を日本語訳にした言葉で、このDesigningは「設計する」という意味で、「問題解決する方法を設計する（Designing）ための考え方（Thinking）」です。

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

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

2019/09/05(Thu) 09:53

Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき

https://www.webcreatorbox.com/webinfo/font-awesome