Webデザイン

UIデザイナーは読んでおかないと後悔する良書！ 大規模サイト・アプリのUI/UXを作り込むテクニックや裏側まで詳しく解説 -銀行とデザイン

2023/01/23(Mon) 08:57

3人のWebデザイナーがインハウスデザイナーとして、三井住友銀行のスマホアプリやWebサイトのリニューアルを通してデザインによるDXをどのように浸透させたのか、その経験が惜しみなく明かされた良書を紹介します。

https://coliss.com/articles/book-review/isbn-9784295015604.html

医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？

2023/01/12(Thu) 08:52

先日社外の人とプレゼンテーションの話題になり「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」と言われ驚きました。

https://note.com/kekq/n/na82bcc2d3e87

2022年のUIデザインツールのまとめ、注目されているプロトタイプ・デザインシステム・リモートワーク・ユーザーテストなど

2022/12/22(Thu) 08:56

2022年現在、UIデザインツールの使用状況を調査した「2022 Design Tools Survey」を紹介します。

https://coliss.com/articles/build-websites/operation/work/2022-design-tools-survey.html

Web制作を変える！2022年の便利オンラインツール・ベスト110選

2022/12/20(Tue) 09:00

この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。

https://photoshopvip.net/142392

2022年、もっとも注目されたUIデザインのテクニックのまとめ

2022/12/14(Wed) 09:14

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-best-of-2022.html

【デザイン基礎】バランスのとりかた

2022/11/24(Thu) 08:55

この記事では、以下の人に読んでもらいたいと思います。・デザイナーではないが普段から紙面や資料などを制作する機会のある人・これからデザインを勉強しようとしている人・デザイナーにデザインを依頼しようと思っている人。

https://note.com/pp_creative/n/n24c0abb3686b

Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery

2022/11/10(Thu) 08:52

Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。

https://coliss.com/articles/build-websites/operation/work/ui-component-gallery-for-developer.html

デザインのアイデア出しに困った時に！ キーワードからデザイン要素やテクニックに展開させるデザイン書 -ひらめきデザインひき出し帖

2022/10/31(Mon) 09:15

「洗練されたデザインで、3案ください」「安心感を与えるデザインにしてください」クライアントからこういった要望はよくあります。「洗練」にもさまざまな洗練があり、「安心感」にもさまざまな安心感があります。こういったキーワードをデザインに落とし込むには、そのキーワードの深掘りだけでなく広がりも重要です。さまざまなキーワードをイメージに変える方法が分かるデザイン書を紹介します。

https://coliss.com/articles/book-review/isbn-9784297130060.html

レイアウト力が上がる！デザイナー視点で考える「余白」

2022/10/05(Wed) 08:55

「余白」の一般的な意味を調べると、文字通り「余った白い部分」のことですが、デザインをするうえでは「意図をもって作られたスペース」を指します。この「余白」をただの「余った空間」という認識でいると、余白のあるデザインに不安を覚えることがあります。その場合、余白を埋めようとしてしまいがちですが、ちょっと待ってください！

https://note.lancerunit.jp/n/n4786d16451e6

これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist

2022/09/28(Wed) 09:03

ターゲットブラウザを決める時に役立つ便利なツールを紹介します。条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。

https://coliss.com/articles/build-websites/operation/work/target-browsers-between-different-front-end-tools.html