Webデザイン

デザインの疑問がこれで解ける！ プロのデザイナーとして必要な知識が得られる良書 -デザインの基本ノート［第2版］

2024/10/07(Mon) 09:04

プロのデザイナーに必要な知識を身につけたい、デザインのしっかりしたテクニックを学びたい、著作権やデザイン料の算出方法はどうすればいいの。そんなデザインの疑問を一気に解決する、プロのデザイナーとして必要な知識をていねいに詳しく解説したお勧めの良書を紹介します。

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

これで簡単に実装できる！ カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy

2024/09/27(Fri) 09:12

数行のコードを記述するだけで、カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するJavaScriptを紹介します。他のフレームワークやライブラリへの依存はありません。また、ReactやVueやSvelteなどと一緒に使用することもできます。

https://coliss.com/articles/build-websites/operation/javascript/drag-to-swap-layout-swapy.html#google_vignette

UIデザインに奥行きを効果的に取り入れるテクニックを解説 -Designing Depth

2024/09/20(Fri) 09:17

WebサイトやスマホアプリのUIデザインで重要になるのは、構成です。前景要素があり、背景をぼかしたり、モーション振付、アニメーションのタイミングをずらすなど、アフォーダンスを示すためのUI/UXデザインのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-designing-depth.html#google_vignette

難しい理論は不要！イラストで楽しく学べるデザインの基本原則

2024/09/13(Fri) 09:04

デザインを始めたばかりの頃、色や配置を感覚だけで決めていたら、なんだかごちゃごちゃした見た目になってしまった、そんな経験がよくありました。でも、デザインにも実は「基本のルール」があることを知ってから、少しずつ自信を持って作れるようになりました。

https://photoshopvip.net/160664#google_vignette

ユーザー満足度がぐっと上がるUXデザイン小技テクニック26選

2024/09/09(Mon) 08:55

現役UIデザイナーのジム・ラプティス氏が実際にWebサイトやオンラインツールの制作で得た、UX（ユーザーエクスペリエンス）を改善できるシンプルで効果的なテクニックをご紹介します。

https://photoshopvip.net/160627#google_vignette

売れるウェブの最新HTML/CSSテクニック40選

2024/08/28(Wed) 08:56

目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。

https://photoshopvip.net/160431

もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ

2024/08/27(Tue) 08:51

この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。

https://photoshopvip.net/160366

FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？ 「Config APAC 2024」現地レポ

2024/08/01(Thu) 09:04

Figmaが2024年7月、シンガポールでアジアで初となるデザインカンファレンス「Config APAC」を開催。AIを活用した新機能と新しいUIが公表されたイベントの模様を、現地からレポート。

https://webtan.impress.co.jp/e/2024/07/29/47425

Figmaの実践的な使い方がこれでよく分かる！ UIコンポーネントの作り方にフォーカスされた解説書 -Figmaで作るUIデザインアイデア集

2024/07/30(Tue) 09:58

UIデザインでもっとも使われているツールは何か、と言えばFigmaと答える人が多いと思います。Figmaは、Webサイトやスマホアプリの制作において欠かせないといっても過言ではないデザインツールです。そんなFigmaをもっと使いこなしたい、UIデザインをする際のアイデアや実践的なテクニックを解説した解説書を紹介します。デザインシステムをベースにしているので、しっかりとした知識を学ぶことができます。

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

かなりお勧めのデザイン書！ デザインの確かな知識と基礎力を身につけることができる -デザイン入門教室

2024/06/24(Mon) 08:52

デザインにはセンスや経験も大切ですが、一番大切なのは確かな基礎力。伝わるデザイン、読みやすいデザイン、印象に残るデザイン、抱えている課題を解決するデザインに必要な基本ルールと制作の流れをしっかりと身につけることができる何度も繰り返し読みたいオススメの本を紹介します。

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