Hatena Blog Tags
はてなブログ トップ
Webデザイン
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Webデザイン

(ウェブ)
【うぇぶでざいん】

ウェブページやウェブサイトをデザイン 設計すること。


デザインの一種。ウェブページやウェブサイトにおける視覚面（意匠・要素配置等）に対し、整理・再構築・意匠等を施すことである。ウェブデザインを行うデザイナーを、ウェブデザイナーと呼ぶ。ウェブデザインの内容は、ウェブサイト全体の情報設計、見ためを中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションの設計構築、ウェブサーバ構築など多岐に渡る。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
OpenWork Tech Blog•1日前

AIサービスのキャラクターができるまで〜20案以上の屍を越えて〜

こんにちは！オープンワークのデザイナー、杉村です。 最近、個人で使っているChatGPTが「人々」のことを「人間」と呼び始めました。人類を滅ぼすタイプのAIでしか見たことのない呼びかけに、戦々恐々としています。 前回の記事では「社員の声で決まる 働きがいのある企業ランキング2026」のデザインリニューアルの舞台裏をお届けしました。 今回は、先日サービスが開始された 「AI求人検索」のキャラクター制作の裏側をお話しします！ AI求人検索のキャラクター OpenWorkの「AI求人検索」とは 求職者がチャット形式で希望条件を相談するだけで、自身に最適な求人を手軽に発見できるOpenWorkの新機能…

#デザイン#Webデザイン#キャラクター

ネットで話題

もっと見る
3750ブックマークWebデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )www.designlinkdatabase.net
3390ブックマーク【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blogblog.adobe.com
3335ブックマークネットで見られる提案書のまとめ | Webデザインのタネoshare.jugem.cc
2583ブックマーク見出しデザイン.com -Webデザインの“見出し”を集めたサイト-midashi-design.com
2479ブックマーク配色パターンからWebデザインを考えるwww.webcreatorbox.com
2301ブックマーク[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diarystocker.jp
2270ブックマーク未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開｜ベイジの図書館baigie.me
2108ブックマーク国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.netこの記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラ...kachibito.net
2056ブックマークWebデザインの“ブブン”を集めたブブンデザインアーカイブ　公式サイトタグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナ...bubundesignarchive.jp

関連ブログ

Flow_Design_Blog•12日前

やっとのことで

仕事が落ち着いた。 やっとWEBデザイナーとして雇用されたけど、パワハラ的な物でメンタルをやられ、 しまいには別部署でと言う結果だったので、仕方なく退職。 3か月位は無職になってしまった。 あまりに書類が通らないので、有名な転職エージェントに登録したまま放置していたら、地元の企業からスカウトを頂いた。 元の業界ではあったけど、待遇も悪くないし面接に行き、結果を待った。 暫し待ったけど、無事に採用。 今日で、働き出して2週間ほど経った。 今月で一人辞めるって話が、実は二人だったとか色々と問題はある物の、僕の年齢で働けるのはドライバーか警備員位。 体力的な問題や、夜勤などの事を考えると、今の会社が…

#就職#転職#DTP
lunalink0112の日記•13日前

ホームページを改善しても成果が出ない時、最初に見直すべきこと

こんにちは！Luna Linkの池端です😊 「デザインを変えたのに反応がない。」 「SEOを頑張っているのに問い合わせが増えない。」 こんな相談をいただくことがあります。 でも実際にサイトを見てみると、ホームページ自体よりも、もっと前の部分に原因があるケースが少なくありません。 改善しても成果が出ない理由 多くの場合、企業は「足りないもの」を増やそうとします。 記事を増やす SNSを更新する 広告を出す 新しいページを作る もちろん大切です。 ただ、土台が整っていない状態で増やしても、思ったほど成果につながらないことがあります。 最初に見るべきは“伝わり方” 例えば、初めてサイトを開いた人が次…

#ホームページ集客#Webデザイン#SEO#問い合わせ改善#マーケティング
lunalink0112の日記•15日前

おしゃれなホームページなのに問い合わせが来ない理由

こんにちは！Luna Linkの池端です😊 ホームページ制作の相談を受けていると、こんな声をよく聞きます。 「デザインにはかなりこだわったんです。」 実際に見せてもらうと、本当におしゃれです。 写真も綺麗。 アニメーションもかっこいい。 でも、問い合わせがほとんど来ていない。 こんなケースは意外と少なくありません。 もちろん、デザインは大切です。 第一印象にも関わりますし、「この会社しっかりしてそう」と思ってもらえるきっかけにもなります。 ただ、ホームページの目的はデザインを見てもらうことではありません。 問い合わせにつなげることです。 例えば、おしゃれなカフェに入ったのに、メニューが小さくて…

#ホームページ制作#Webデザイン#Web集客#SEO#マーケティング
ゆるふわOLが教える♡等身大ビジネス•1ヶ月前

未経験からデザイナー転職を目指すなら最初にやるべきこと✨

(※イメージ画像です。） 「デザインの仕事って楽しそう♪」 「Webデザイナーやグラフィックデザイナーに憧れるけど未経験だから無理かな…」 そんな風に思ったことはありませんか？🌸 実は今、未経験からWebデザイナーやクリエイターを目指す人が増えています。 ただし独学では挫折してしまう人も少なくありません。 この記事では、未経験からデザイン業界を目指す方法や学習のポイント、そして多くの初心者に選ばれているWinスクールについて詳しくご紹介します✨ （※この記事には一部広告と宣伝が含まれます。） 【個人レッスンだからできる！未経験からデザイナーを仕事に【Winスクール】 】 🎨Winスクールとは？…

#Winスクール#未経験転職#Webデザイン
OpenWork Tech Blog•1ヶ月前

【Webデザイン】「社員の声で決まる　働きがいのある企業ランキング2026」デザインリニューアルで発信数が急増！？制作の舞台裏

初めまして！昨年オープンワーク株式会社に入社したデザイナーの杉村です。 以前は開発会社でWebサイトやシステムのデザイン・ディレクションをしていました。事業会社での自社サービスのデザイン業務は、よりビジネス全体への貢献を意識でき、 今までと違った学びがあるので新鮮な気持ちで日々業務に取り組んでいます。 さて、この記事では今年2月にオープンワークが発表した「社員の声で決まる 働きがいのある企業ランキング2026」のWebページのフルリニューアルについて紹介します。 担当デザイナー目線でリニューアルの裏側にあるデザインのこだわりや、制作過程で大切にしたことをお話しします。 単に見た目を新しくするの…

#デザイン
働く人のためのキャリア戦略メディア•1ヶ月前

【Winスクール】Webデザイン・Webプログラミングコースの評判は？｜未経験からプロへ。受講生の満足度が高い5つの理由

(※イメージ画像です。) (※一部、広告・プロモーションが含まれます。) 個人レッスンだからできる！未経験からデザイナーを仕事に【Winスクール】 こんにちは🌟Webデザインスクールを探すとき、「動画を観るだけ」の安い講座や「大人数の集団授業」を選ぼうとしていませんか？ 実はそれ、未経験者が最も挫折しやすい落とし穴なんです！⚠️「分からないところでつまずいて、誰にも質問できずに学習をやめてしまった…」 そんな声が、あとを絶たないのがWebデザイン学習の現実と言えます。みなさんも、過去に独学で同じような経験をしたことはありませんか？ 結論から言うと、未経験から本気でプロを目指すなら「1対1の個別…

#AI#イラストレーター#フォトショップ#デザイナー#スキルアップ#パソコン#キャリアアップ
Atelier Koti 〜音楽とデザインの記録〜•1ヶ月前

【自己紹介】デザインとプログラミングを選んだ理由

Adobe Fireflyで作成 🟢 はじめに 人は、物語に救われることがあると思っています。 私自身、そうでした。 現実に少し疲れてしまったとき、心の奥でそっと寄り添ってくれるような作品に出会い、気づけば何度も救われていました。 特に、Key作品との出会いは、それまで自分の中にあった価値観が少しずつ変わっていく出来事でした。 そんな経験があったからこそ、「感動を形にしたい」と思うようになりました。 🟨 Key作品との出会い Key作品に描かれていたのは、 悲しみや孤独といった感情に、ただ向き合うだけではなく、 “意味”や“救い”を見出していく物語でした。 その優しさに、静かに心を動かされたの…

#自己紹介#プログラミング初心者
AI画像生成・AI画像 情報局 - 未来図書館 -⭐✨⭐•2ヶ月前

AI画像生成｜Webデザイナーの働く姿の作り方とプロンプト完全ガイド

AI画像生成｜Webデザイナーの働く姿の作り方とプロンプト完全ガイド AI画像生成｜Webデザイナーの働く姿の作り方とプロンプト完全ガイド AI画像生成｜Webデザイナーの働く姿の作り方とプロンプト完全ガイド Web制作の現場では、働くWebデザイナーの姿を視覚的に表現したい場面が増えています。企業サイトの採用ページ、制作会社のサービス紹介、ブログのアイキャッチ、SNS投稿など、幅広い用途で「Webデザイナーらしい仕事風景」が求められています。 AI画像生成を活用すれば、実際の撮影を行わずに、プロフェッショナルな雰囲気を持つWebデザイナーの働く姿を自在に作り出すことができます。 本ガイドでは…

#AI画像生成#Webデザイン#働く姿#作り方#プロンプト#AI画像の作り方#AI画像#AI
Maison_de_chatのブログ•2ヶ月前

内部改善ロードマップ Vol.24【前編】｜“見える・読める”を守る設計：コントラスト・文章階層・ALTの型

ブログやWeb記事は、読まれる環境が人によって大きく変わります。晴れた屋外でスマホを片手に読む人もいれば、暗い室内でタブレットを使う人もいます。さらに、端末の大きさ・明るさ・ネット環境によって、読みやすさは簡単に崩れてしまいます。 そこで重要になるのが アクセシビリティ＝読みやすさの土台 です。特別な配慮というより、すべての読者が「普通に読める状態」を安定して保つための設計とも言えます。 本編では、とくに“見える・読める”に関わる 3つの基本 を扱います。 コントラスト（色＋明暗の見やすさ） 文字と見出しの階層（H2/H3/H4の段差と段落の整え方） 画像の代替テキスト（ALT）の考え方と線引…

#アクセシビリティ#Webデザイン#色彩設計#読みやすさ#ALT設定#見出し設計#UI改善