タグ Webデザイン制作
人気順 5 users 10 users 100 users 500 users 1000 users私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これ... 続きを読む
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD ビルド - Webデザイン制作
Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient Animator Fuze グラデ... 続きを読む
いざという時に使える13のHTML&CSS Tips集 | BUILD ビルド - Webデザイン制作
いざという時のために覚えておくと便利なHTML&CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には... 続きを読む
Webデザイナーが施す9つのSEO対策 | BUILD ビルド - Webデザイン制作
フリーランスWebデザイナーである私が施しているSEO対策について紹介します。 前提として ここで案内するSEO対策は、Webサイト制作初心者やSEO対策はなんとなく理解しているがうまくいかない方向けの内容です。SEOを専門としている方には向きません。 また、自社のサイトにSEO対策を施して成果を出したい方は、SEO対策を... 続きを読む
Web制作を変える!2022年の便利オンラインツール・ベスト110選
この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、... 続きを読む
Web制作を変える!2021年の便利オンラインツール・ベスト100選 - PhotoshopVIP
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクショ... 続きを読む
スマフォで高速に日本語音声入力するためのベストプラクティス
Android スマフォで高速に日本語音声入力するためのベストプラクティス Monday, December 13th, 2021 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、12月末まで割引&体験レッスン無料! モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作... 続きを読む
Webデザイン制作をもっと楽に!便利な最新オンラインツール45個まとめ - PhotoshopVIP
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行って... 続きを読む
Web制作の効率、生産性アップ!話題の最新オンラインツール33個まとめ - PhotoshopVIP
この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円... 続きを読む
Web制作の時短に!2020年の便利オンラインツール・ベスト100選 - PhotoshopVIP
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む
Web制作の面倒な作業をラクにするCSS便利ツール59個まとめ - PhotoshopVIP
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール59個をまとめています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問... 続きを読む
「Webデザイナーはコーディングできるべきか」という議論に対する私の考え | Stocker.jp / diary
Webデザイン 「Webデザイナーはコーディングできるべきか」という議論に対する私の考え Wednesday, January 15th, 2020 【平日夜開催】スマートフォン時代のWebデザインスクール 体験レッスン開催!モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 【日曜開催】WordPress でWebサイト... 続きを読む
グラフィックデザインに強い!高品質な無料PSDファイル47個まとめ - PhotoshopVIP
グラフィックデザインやWebデザイン制作に役立つ、無料ダウンロードできるPhotoshop用最新PSDファイルを幅広くまとめています。 時間に追われがちなデザイナーのひとにこそ使って欲しい、便利な時短アイテムを利用してみてはいかがでしょう。 文字テキストを編集すれば印刷もできる名刺や履歴書、ロゴ、ポスター、イベントフライヤーなどのテンプレート素材の他にも、完成したアートワークや作品をより魅力的にす... 続きを読む
2017年に注目したいWebデザイン業界の動向やトレンド総まとめ - PhotoshopVIP
いよいよ2017年。年の初めは、既存のデザインや新しいプロジェクトを見直し、最新のトレンドをフレームワークに組み込む方法について考える絶好の機会と言えます。 コンテンツ目次 1. 2017年のWebデザイン制作で注意しておきたい10のコト from CreativeMarket 2. 2017年におけるWeb制作業界全体の流れ from SitePoint 3. 2017年に実際に起こるであろう、... 続きを読む
Bootstrap を拡張パワーアップ!参考にしたい50個の無料プラグイン、コンポーネントまとめ - PhotoshopVIP
Webデザイン制作で人気の Bootstrap フレームワークには、役立つツールやコンポーネントがあらかじめパッケージされており、すぐにサイトやアプリの制作をはじめることができます。しかし、ときには必要な機能が十分に揃っていないケースがあるのも事実です。 この記事では、Bootstrap の機能を最大限に拡張できる、50種類のプラグインやアドオン、コンポーネントをまとめてアルファベット順にご紹介し... 続きを読む
Web Design Bookmarks | Webデザインの参考になるトレンドまとめ
Web Design Bookmarksは、Webデザインの参考になるトレンドまとめサービスです。 サービスのランディングページを中心に掲載しています。 このサービスは、「Webデザイン制作に関わるすべての人に、最高のインスピレーションを与えること」をミッションに制作しました。 そのため、ページ上に余計な情報を表示せず、デザイン閲覧に集中できるようなデザインにしています。 このサービスをとおして、... 続きを読む
Webデザイン制作に取り入れたい!高品質な無料PSDテンプレート素材23個まとめPhotoshopVIP |
海外デザインブログCreativesWallで、Webデザイン制作に活用できる、高品質な無料PSDテンプレート素材をまとめたエントリー「Stunning Free PSD Website Templates」が公開されていたので、今回はこちらを中心に、新しく公開されていたフリーアイテムをまとめて、一緒にご紹介します。 もちろんそのまま利用することもできますし、PSDファイルがどのように作成、整理さ... 続きを読む
配色に悩んだら使いたい!美しい無料UIエレメント素材35個まとめPhotoshopVIP |
海外デザインブログSplashnology.comで、配色にこだわりのある、高品質なフリーUIエレメント素材を35個まとめたエントリー「35+ Free UI Kits for Web Designers」が公開されていたので、今回はこちらを中心に、個人的にブックマークしておきたい無料アイテムを一緒にまとめてご紹介します。 Webデザイン制作がなかなか進まないときは、アイデアの参考にしてみてはいか... 続きを読む
最新のwebデザイン制作に役立つ フラットアイコンセット「47 Fresh and Flat Icon Sets for April 2014」 | DesignDevelop
主流のフラットデザインに合わせて、ダウンロードできる素材にもそれに合ったタイプのものが多数登場しています。そんな中今回紹介するのは、最新のwebデザイン制作に役立つ フラットアイコンセット「47 Fresh and Flat Icon Sets for April 2014」です。 (Happy Creative Easter! Download this free Easter Vector I... 続きを読む
Webデザイン制作で参考になるサイトリンク集15個+2個 - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
Webデザイン制作で参考になるサイトリンク集15個と、ランディングページ、ロゴの参考サイトを集めてみました。 ご存知のものも多数あるかと思いますが、HTML5やレスポンシブサイトを集めたものもありますので、カッコイイ、オシャレなサイトを作る参考にしてみてはいかがでしょうか。 capture WEBデザインのリンク いけてるサイトドットコム ウェブデザインに役立つ、いけてるサイト、かっこいいサイト、... 続きを読む
あらゆる業種に対応、企業サイト向けWordPressテーマ素材まとめPhotoshopVIP |
さまざまな業種において、Webサイトを通じてお問い合わせ、質問などをするケースが増えています。企業情報やサービス内容、住所や金額など確認したい情報は、ユーザーにより異なるため、誰にでも分かりやすいユーザーフレンドリー設計と、ビジュアルにもこだわるWebデザイン制作が重要となります。 海外デザインブログWebdesignerdepot.comで、あらゆる職種、業種に対応する企業サイト向けWordPr... 続きを読む
WEBデザイン制作に使いやすいピクセルパターンまとめ「30 Free Brilliant Photoshop Pixel Patterns」 | DesignDevelop
WEBデザイン制作に使いやすいピクセルパターンまとめ「30 Free Brilliant Photoshop Pixel Patterns」 WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか?そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 F... 続きを読む
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめです。2013.3.19. Tue Photoshop, シェイプ, チュートリアル, テクニック PhotoshopをWebデザイン制... 続きを読む
Photoshop VIP ☞ Webデザイン制作の即戦力、写真スライダー用PSD素材厳選30個まとめ
Webサイトやブログなどでよく見かけるデザインのひとつとして、コンテンツ、写真スライダーを利用しているケースがあります。 グラフィカルなデザインに動きを加えることで、より一層コンテンツにユーザーの目を惹くのではないでしょうか。 海外デザインブログDesignModoで、色々なスライダー素材をデザインしたPhotoshop用無料PSD素材を30個まとめたエントリー「Huge Collections ... 続きを読む
Photoshop VIP ☞ タイポグラフィーを効果的に使った、オシャレなWebサイトデザイン21個まとめ
海外デザインブログWeb Design Ledgerで、素敵なタイポグラフィーを使ったWebサイトを21個まとめたエントリー「21 Inspiring Examples of Typography in Web Design」が公開されていたので、今回はご紹介します。 あまり見かけないレイアウトや配色の組み合わせなどWebデザイン制作の参考にしてみてはいかがでしょう。 詳細は以下から。 タイポグラ... 続きを読む