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

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

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

あなたの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制作を変える！2022年の便利オンラインツール・ベスト110選

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「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サイト... 続きを読む

2017年に注目したいWebデザイン業界の動向やトレンド総まとめ - PhotoshopVIP

2017/01/16 115 users 動向 フレームワーク Webデザイン業界 絶好 コト

いよいよ2017年。年の初めは、既存のデザインや新しいプロジェクトを見直し、最新のトレンドをフレームワークに組み込む方法について考える絶好の機会と言えます。 コンテンツ目次 1. 2017年のWebデザイン制作で注意しておきたい10のコト from CreativeMarket 2. 2017年におけるWeb制作業界全体の流れ from SitePoint 3. 2017年に実際に起こるであろう、... 続きを読む

Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ - PhotoshopVIP

2016/10/04 169 users Bootstrap アドオン フレームワーク コンポーネント

Webデザイン制作で人気の Bootstrap フレームワークには、役立つツールやコンポーネントがあらかじめパッケージされており、すぐにサイトやアプリの制作をはじめることができます。しかし、ときには必要な機能が十分に揃っていないケースがあるのも事実です。 この記事では、Bootstrap の機能を最大限に拡張できる、50種類のプラグインやアドオン、コンポーネントをまとめてアルファベット順にご紹介し... 続きを読む

Web Design Bookmarks | Webデザインの参考になるトレンドまとめ

2014/07/21 216 users インスピレーション トレンドまとめ ミッション 参考 デザイン

Web Design Bookmarksは、Webデザインの参考になるトレンドまとめサービスです。 サービスのランディングページを中心に掲載しています。 このサービスは、「Webデザイン制作に関わるすべての人に、最高のインスピレーションを与えること」をミッションに制作しました。 そのため、ページ上に余計な情報を表示せず、デザイン閲覧に集中できるようなデザインにしています。 このサービスをとおして、... 続きを読む

配色に悩んだら使いたい！美しい無料UIエレメント素材35個まとめPhotoshopVIP |

2014/06/04 427 users 配色 海外デザインブログSplashnology.com

海外デザインブログSplashnology.comで、配色にこだわりのある、高品質なフリーUIエレメント素材を35個まとめたエントリー「35+ Free UI Kits for Web Designers」が公開されていたので、今回はこちらを中心に、個人的にブックマークしておきたい無料アイテムを一緒にまとめてご紹介します。 Webデザイン制作がなかなか進まないときは、アイデアの参考にしてみてはいか... 続きを読む

あらゆる業種に対応、企業サイト向けWordPressテーマ素材まとめPhotoshopVIP |

2013/06/18 240 users 業種 職種 住所 ケース ユーザー

さまざまな業種において、Webサイトを通じてお問い合わせ、質問などをするケースが増えています。企業情報やサービス内容、住所や金額など確認したい情報は、ユーザーにより異なるため、誰にでも分かりやすいユーザーフレンドリー設計と、ビジュアルにもこだわるWebデザイン制作が重要となります。 海外デザインブログWebdesignerdepot.comで、あらゆる職種、業種に対応する企業サイト向けWordPr... 続きを読む

Photoshopのシェイプでできること。

2013/03/19 606 users Photoshop シェイプ Illustrator 図形

PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめです。2013.3.19. Tue Photoshop, シェイプ, チュートリアル, テクニック PhotoshopをWebデザイン制... 続きを読む

Photoshop VIP ☞ Webデザイン制作の即戦力、写真スライダー用PSD素材厳選30個まとめ

2011/11/14 214 users 即戦力 Photoshop Vip

Webサイトやブログなどでよく見かけるデザインのひとつとして、コンテンツ、写真スライダーを利用しているケースがあります。 グラフィカルなデザインに動きを加えることで、より一層コンテンツにユーザーの目を惹くのではないでしょうか。 海外デザインブログDesignModoで、色々なスライダー素材をデザインしたPhotoshop用無料PSD素材を30個まとめたエントリー「Huge Collections ... 続きを読む

Photoshop VIP ☞ 商用可、Photoshopの無料デザイン素材を大量公開しているWebサイト「Elemis」

2011/09/09 449 users 継ぎ目 Photoshop テンプレート 質感 テクスチャ素材

Webデザイン制作などに活用できる質感の高いデザインパーツを公開しているサイトがあったので、今回はご紹介します。 継ぎ目の無いパターン、テクスチャ素材などの他にも、ホームページのテンプレートやHTMLホームページ本体も無料でダウンロード可能となっています。 詳細は以下から。 Elemisは、Webデザインに便利なパーツや素材などをすべて無料公開されており、どれも商用利用が可能となったアイテムばかり... 続きを読む

WEBデザインに使いやすいPSDパーツ素材をまとめたサイト集「10 Awesome Websites With Free PSD Resources for Download」 | DesignDevelop

2011/08/17 159 users PSD素材 テイスト DesignDevelop 手間 時間

WEBデザインに使いやすいPSDパーツ素材をまとめたサイト集「10 Awesome Websites With Free PSD Resources for Download」 webデザイン制作で便利に活用できるpsd素材ですが、都度インターネットなどを検索し、欲しい素材を探すのには手間と時間がかかってしまいます。そこで今回紹介するのが、さまざまなテイストのデザインパーツ素材サイトを集めた「10... 続きを読む

Webデザイン制作を楽にしてくれるPhotoshop無料PSD素材72個まとめPhotoshop VIP

2011/06/30 526 users VIP エントリー ベース 素材 72個

海外デザインブログAcrisDesignで、Webデザイン制作などに利用したいPhotoshop用PSD無料素材ファイルを72個まとめたエントリー「55 Brilliant Free Pixel Perfect PSDs」が公開されていたので、今回はこちらをベースに未紹介のPSD素材ファイルをまとめてご紹介します。 1px単位で細かくデザインされた素材ばかりとなっており、思わず「これが無料？」と思... 続きを読む

Photoshop Vip » Webデザイン制作に大活躍、Photoshop無料PSDパーツ素材50個まとめ

2011/06/09 208 users NEWS Photoshop Vip スペック デザイン 価格

News Home > News > Webデザイン制作に大活躍、Photoshop無料PSDパーツ素材50個まとめ Webデザイン制作に大活躍、Photoshop無料PSDパーツ素材50個まとめ 2011年6月9日　　　 もしもまったく同じサービスで、価格、スペックなどもまったく一緒という２つの物があるとき、どちらかひとつを選ぶとすればあなたはどうやって判断しますか。 「デザインが好きだから、こ... 続きを読む

Photoshop Vip » 即戦力、Webデザインに活用したいPhotoshop無料パーツ素材70個まとめ

2011/05/27 379 users 即戦力 Photoshop Vip NEWS エントリー

News Home > News > 即戦力、Webデザインに活用したいPhotoshop無料パーツ素材70個まとめ 即戦力、Webデザインに活用したいPhotoshop無料パーツ素材70個まとめ 2011年5月27日　　　 海外デザインブログSmashing Appsで、Webデザイン制作に使いたいPhotoshop無料デザイン素材を70個まとめたエントリー「70 Free PSD Web UI... 続きを読む

Photoshop Vip » Photoshopを極める、Webデザイン制作に使える４つのテクニック

2011/02/08 790 users Photoshop Photoshop Vip テクニック

NewsHome > News > Photoshopを極める、Webデザイン制作に使える４つのテクニックPhotoshopを極める、Webデザイン制作に使える４つのテクニック2011年2月8日　　　　ブログやホームページのデザインするときにどんなツールを利用しますか。IllustratorやFireworksなどを利用することもありますが、Photoshopを使ってデザインしている時間が多くを占... 続きを読む