WEBデザイン制作の作業に役立ちそうなAIツールを列挙してみた

2024/07/30 24 users AIツール 作業

このメディアを運営している日本デザインスクールでは、これまで2500名ほどの受講生を指導してきました。 そのなかでよく耳にするのが「作業時間」の問題。 制作会社に就職したら、仕事量が多くて残業が多くなりがち。 フリーランスや副業でデザインをしている方は、時間がかかるせいで時給換算したときに安くなりがち。... 続きを読む

私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。

2024/06/19 420 users 参考 未経験 受講 Webデザイナー 受講生

日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これ... 続きを読む

CSS見出しデザイン21選。現場ですぐ使える見出しデザインをご紹介 | BUILD ビルド - Webデザイン制作

2023/05/13 20 users BUILD ビルド 見出しデザイン CSS 現場 テイスト

CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン 蛍光ペンのような線をひいたCSS見出しデザイン ライン... 続きを読む

あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD ビルド - Webデザイン制作

2023/04/30 228 users BUILD ビルド Web制作 あなた transform

Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient Animator Fuze グラデ... 続きを読む

いざという時に使える13のHTML&CSS Tips集 | BUILD ビルド - Webデザイン制作

2023/04/13 126 users BUILD ビルド

いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には... 続きを読む

Web制作に便利なChrome拡張機能20選 | BUILD ビルド - Webデザイン制作

2023/03/31 9 users BUILD ビルド Web制作 Chrome拡張機能20選

Chrome拡張機能は、ウェブ閲覧やウェブ制作のさいに非常に便利な機能です。新しい拡張機能を見つけるたびに追加し、実務で試しています。ただ、気がつくと使わない機能が溜まりがちなので、数ヶ月ごとに見直ししています。 先日もインストール済みのChrome拡張機能を見直し、頻繁に利用しているものや、いざという時に使... 続きを読む

Webデザイナーが施す9つのSEO対策 | BUILD ビルド - Webデザイン制作

2023/03/23 74 users BUILD ビルド SEO SEO対策 Webデザイナー 前提

フリーランスWebデザイナーである私が施しているSEO対策について紹介します。 前提として ここで案内するSEO対策は、Webサイト制作初心者やSEO対策はなんとなく理解しているがうまくいかない方向けの内容です。SEOを専門としている方には向きません。 また、自社のサイトにSEO対策を施して成果を出したい方は、SEO対策を... 続きを読む

CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD ビルド - Webデザイン制作

2023/03/23 5 users CSS hover時 矢印 BUILD ビルド 現場

Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。 背景色と矢印... 続きを読む

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

2022/12/19 142 users 便利オンラインツール Web制作 コレクション ツール リスト

この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、... 続きを読む

Adobe XDで無料のスタータープランを使い続ける方法

2022/04/19 9 users スタータープラン WordPress Adobe XD 基礎

Webデザイン Adobe XDで無料のスタータープランを使い続ける方法 Tuesday, April 19th, 2022 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、3月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作したい方... 続きを読む

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

2021/12/21 227 users コレクショ PhotoshopVIP ツール Web制作

この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクショ... 続きを読む

スマフォで高速に日本語音声入力するためのベストプラクティス

2021/12/12 316 users ベストプラクティス WordPress Android 基礎

Android スマフォで高速に日本語音声入力するためのベストプラクティス Monday, December 13th, 2021 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、12月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作... 続きを読む

フォントワークスがGitHubで無料公開しているフォントをPhotoshopなどで使ってみよう | Stocker.jp / diary

2021/05/26 5 users フォントワークス GitHub Stocker.jp 基礎

Webデザイン フォントワークスがGitHubで無料公開しているフォントをPhotoshopなどで使ってみよう Wednesday, May 26th, 2021 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、5月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 Word... 続きを読む

Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ - PhotoshopVIP

2021/04/26 183 users ウェブデザイン PhotoshopVIP ワンクリック 案件

この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行って... 続きを読む

Web制作の効率、生産性アップ！話題の最新オンラインツール33個まとめ - PhotoshopVIP

2021/03/16 163 users ウェブデザイン PhotoshopVIP グラフィック 案件

この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円... 続きを読む

Webサイトのコーディングで困る前に知っておきたい3つのポイント | Stocker.jp / diary

2021/02/14 17 users Stocker.jp コーディング diary 基礎 講座

Web技術 Webサイトのコーディングで困る前に知っておきたい3つのポイント Monday, February 15th, 2021 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、2月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制... 続きを読む

Webデザイン制作の見本に！すぐれた最新実例サンプル33点まとめ - PhotoshopVIP

2021/02/04 7 users PhotoshopVIP 見本

この記事では、進化を続けるWebデザインの最新の実例サンプル33点をまとめてご紹介します。 世界中の優れた実例サンプルを実際に見ることで、印象や配色、レイアウト、書体などの新しいアイデアや発想を手に入れましょう。 アイデアに困ったときの参考サンプルとしても活用できるので、2021年のWebデザイントレンドと一... 続きを読む

2020年12月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2021/01/08 7 users Stocker.jp diary 基礎 講座 動画受講

Webニュース 2020年12月の、これだけは押さえておきたいWeb関連の動き Friday, January 8th, 2021 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、1月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 「スマートフォン時代のWebコー... 続きを読む

Web制作の時短に！2020年の便利オンラインツール・ベスト100選 - PhotoshopVIP

2020/12/21 23 users ツール リスト コレクション 新しいツール ベスト100個

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む

Web制作の時短に！2020年の便利オンラインツール・ベスト100選 - PhotoshopVIP

2020/12/21 683 users ツール リスト コレクション 新しいツール ベスト100個

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む

CSSのテキストマスクで映えるメインビジュアルを実現 | Stocker.jp / diary

2020/11/10 9 users メインビジュアル Wednesday Stocker.jp

Webデザイン CSSのテキストマスクで映えるメインビジュアルを実現 Wednesday, November 11th, 2020 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、11月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 「スマートフォン時代のWebコ... 続きを読む

Web制作の面倒な作業をラクにするCSS便利ツール59個まとめ - PhotoshopVIP

2020/07/07 368 users Grid PhotoshopVIP ニューモーフィズム 配色

この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール59個をまとめています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問... 続きを読む

フィルムカメラで撮影した写真を自分で現像・プリントしてみた | Stocker.jp / diary

2020/01/14 6 users Stocker.jp 現像 diary Tuesday 写真

Webデザイン フィルムカメラで撮影した写真を自分で現像・プリントしてみた Tuesday, January 14th, 2020 【平日夜開催】スマートフォン時代のWebデザインスクール 体験レッスン開催！モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 【日曜開催】WordPress でWebサイトを制作したい... 続きを読む

「Webデザイナーはコーディングできるべきか」という議論に対する私の考え | Stocker.jp / diary

2020/01/14 232 users Stocker.jp diary Wednesday 議論

Webデザイン 「Webデザイナーはコーディングできるべきか」という議論に対する私の考え Wednesday, January 15th, 2020 【平日夜開催】スマートフォン時代のWebデザインスクール 体験レッスン開催！モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 【日曜開催】WordPress でWebサイト... 続きを読む

2019年12月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2020/01/06 16 users Stocker.jp diary Monday Web関連

Webニュース 2019年12月の、これだけは押さえておきたいWeb関連の動き Monday, January 6th, 2020 【平日夜開催】スマートフォン時代のWebデザインスクール 体験レッスン開催！モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPress でWebサイトを制作したい方のための「PHP徹底... 続きを読む