Webデザイン

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

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

古いモックアップ素材はアップデート！ iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ

2022/09/27(Tue) 08:59

2022年9月にリリースされたiPhone 14, iPhone 14 Pro, iPhone 14 Pro Maxのベクターで作成されたモックアップ素材を紹介します。Webサイトやスマホアプリのプレゼン・UIデザインで使える高品質で、ディテールまで忠実に再現されたモックアップ素材で、Adobe XD, Figma, Photoshop, Illustratorなど、さまざまなフォーマットが揃っています。

https://coliss.com/articles/build-websites/operation/work/iphone-14-pro-mockups.html

背景画を魅力的にするポイントがよく分かる！ 全ページが保存版のイラスト指南書 -パースと背景画 基本から演出までのすべて

2022/09/26(Mon) 08:54

建築物がある背景画はどうすれば魅力的に伝わる表現にできるのか。イラスト、マンガ、アニメ、ゲーム、建築の各界のスペシャリスト達が背景画の一歩踏み込んだ表現方法について解説したイラスト指南書を紹介します。

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

iPhone, iPadの最新機種まですべてを網羅、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

2022/09/14(Wed) 09:03

Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。

https://coliss.com/articles/build-websites/operation/work/a-complete-guide-for-apple-displays.html

デザインのスキルが身につく良書！ 文字組みの基本から実践的なテクニックまでしっかり解説されたデザイン書 -文字レイアウトの法則

2022/07/25(Mon) 08:57

文字のデザインについて、フォントについて、見出しの字詰めや段落の揃え方、グリッドシステムなど、欧文タイポグラフィの要点と実践的なテクニックがていねいに解説されたデザイン書を紹介します。

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

モバイル幅で作成されたWebサイトの特徴と作例

2022/07/20(Wed) 08:57

モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。

https://www.webcreatorbox.com/tech/mobile-width-website