Webデザイン

これぞプロの実装テクニック！よくあるデザインで起こる想定外のコンテンツに備える、CSSの実装方法のまとめ

2020/09/03(Thu) 09:50

タイトルやラベルの文字数が多くなったり、ボタンの数が増えたり、コンテンツが長い場合と短い場合があったり、想定外のコンテンツが使用された場合に対応できるよう、念のために備えたCSSの実装方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/the-just-in-case-mindset-css.html

デザインは細部に宿る！物足りないデザインに一手間加える「あしらい」方が分かる良書 -あたらしい、あしらい。

2020/08/28(Fri) 09:56

デザインが物足りない、しっくりこない、そんな時に一手間加える「あしらい」に着目し、デザインのやり方、意図、理由などが詳しく解説されたデザイン書です。本書を読んだ後には、確実にデザインの引き出しが増えます。

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

ボタンをデザインするときに気をつけたい11個のポイントまとめ

2020/08/26(Wed) 09:58

この記事では、ユーザーインターフェースを作成するときに気をつけたいボタンデザインのポイント11個をまとめてご紹介します。悪い例と良い例を比較しながら、具体的なボタンデザイン代替案をシンプルなイラストをつかって詳しく見ていきましょう。

http://photoshopvip.net/124110

情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック

2020/08/21(Fri) 09:49

プレゼンや企画書で、図・グラフ・表のデザインに悩んだことはありませんか？データや数字、文章などを並べるだけでは、分かりやすく伝えることはできません。情報をどのようにデザインすれば、意図した通りに伝わるか。文字の大きさや色や配置、図形の組み合わせ方、適切な情報量など、ビジュアルコミュニケーションにおけるデザインのテクニックが解説された入門書を紹介します。

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

使いやすさと分かりやすさのデザイン：印象 その2

2020/07/31(Fri) 10:01

言葉遣いによる印象の変化 外見と言葉遣いのギャップで印象が変わったことはないでしょうか。例えば、「いかつい容姿に身構えていたら可愛らしい言葉遣いで丁寧に話してくれた。見た目と異なり実は優しい人なの

https://note.com/begin_design/n/nfc4e9ca15f8a

Web制作の常識が変わる、便利な最新オンラインツール48個まとめ

2020/06/29(Mon) 09:50

この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。

http://photoshopvip.net/123226

レスポンシブの確認がこれで快適に！複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App

2020/06/24(Wed) 10:02

Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。無料とは思えないほど高性能で、すべてのWeb制作者にお勧めです！

https://coliss.com/articles/build-websites/operation/work/responsively-app-for-confirming-responsive.html

レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法

2020/06/04(Thu) 09:49

Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。

https://coliss.com/articles/build-websites/operation/work/thinking-about-the-in-between-design-cases.html

ウェブサイト作成のよくある間違いと解決テクニックまとめ【保存版】

2020/06/02(Tue) 09:55

この記事では、ウェブサイトを作成するときによくある間違いを、具体的なサンプル例と解決テクニックと一緒にまとめています。

http://photoshopvip.net/122716

ランディングページをつくるときに考慮すべき10のこと

2020/04/15(Wed) 10:02

ユーザーが行動を起こしたくなるようなランディングページ（LP）のデザインを依頼されたことはありませんか？　この記事では、私が確実に結果を出すために使っているアプローチを紹介します。

https://uxmilk.jp/87113