「 WEBデザイン 」 一覧

ホームページ制作は目的が重要!目的を明確にする方法や活用事例をわかりやすく解説!

「集客」「ブランディング」「採用」など、企業のホームページには様々な目的があります。しかし、その目的が曖昧なまま制作を進めてしまうと、誰に何を伝えたいのかが不明確なコンテンツとなり、貴重なビジネスチャ …

WEBサイトの種類を一覧で紹介!目的に合ったWEBサイト制作を行うための知識を身につけよう

WEBサイトは、情報発信・販売促進・ブランド構築・採用活動など、さまざまな目的に応じて作られています。 そのため、自身がネット上でサービスを展開する際には、適切なWEBサイトの種類を選ぶことが成功の鍵 …

WEBデザインとは?概要や実際の制作の流れ、制作会社に依頼するときの注意点を徹底解説!

2024/10/08   -WEBデザイン, WEB制作

WEB制作においては、ユーザビリティを高めるために、WEBデザインが重要となります。WEBデザイン自体はスキルがあれば内製もできますが、こだわったデザインや高度なスキルが必要なデザインにしたい場合は、 …

デザインにおいて余白は重要!おしゃれに見える理由や効果などを例をもとにしてわかりやすく解説!

2024/10/08   -WEBデザイン, WEB制作

デザイン設計においては、余白が重要です。適度に余白が配置されることで、コンテンツが見やすくなります。余白がなくコンテンツが敷き詰まった状態は、ユーザビリティが低いため改善が必要でしょう。 本記事では、 …

【最新版】WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

2024/09/09   -WEBデザイン, WEB制作

インターネットの世界は日々進化し、WEBデザインのトレンドも常に変化しています。最新のデザイントレンドを取り入れることで、ユーザーの目を引き、印象に残るサイトを作ることにつながります。 どのデザインが …

WEBデザインコンセプトとは?重要性や作り方について事例を交えてわかりやすく解説

WEBデザインコンセプトは、作る側にとっても、見る側にとっても、とても大切です。何を伝えるべきで、何を伝えないべきか。コンセプトをしっかり設定すると、無駄な部分がスリムになってWEBデザインに統一性が …

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

2024/09/05   -WEBデザイン

ユーザーのニーズと行動を深く理解した効果的なWEBサイトを作ることができれば、ユーザーに使いやすいWEBサイトが制作できます。ここで、注目を集めているのが「デザインリサーチ」という方法です。 デザイン …

簡単!アニメーションpng Apngの作り方

簡単!アニメーションpng Apngの作り方

こんにちは、デザイナーのAです! AdobeAnimateを利用して簡単に画像をアニメーションさせるApngの作り方をご紹介します! Animateには簡単&効率的にアニメーション作成できるツールが多 …

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

2014/10/29   -WEBデザイン, WEB制作

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …

【Illustrator】幾何学模様の作り方

【Illustrator】幾何学模様の作り方

2014/10/09   -WEBデザイン, WEB制作

みなさまこんにちは、新人Aです。 三角形で作る幾何学模様の作り方をご紹介します。 これはパターンにするよりもランダムに色を置いていったほうが幾何学模様の雰囲気がぐっと増すと思うので、 少し面倒ですがパ …

【Illustrator】アーガイル模様の作り方

2014/10/08   -WEBデザイン, WEB制作

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …

【Illustrator】多角形を使った簡単な花形の作り方

【Illustrator】多角形を使った簡単な花形の作り方

2014/10/03   -WEBデザイン, WEB制作

みなさまこんばんは、新人Aです。 今日は、多角形を使って一瞬でお花の形にする方法をお話しようと思います! 数値をずらすだけで形が簡単に変わるので、とってもおすすめです。 WEBサイト制作事業 WEBサ …

コロナ太り解消!!!~会社の取組~

【Illustrator】基本図形で出来ちゃう!ハートマークの作り方

2014/09/29   -WEBデザイン, WEB制作

こんばんは、新人Aです。 今日は、Illustratorでハートを作る方法についてお話します! まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが… 理想の形が見当たらない!という …

【Illustrator】簡単!マーブル模様の作り方

2014/09/25   -WEBデザイン, WEB制作

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …

【簡単に創れるphotoshop小技】キラキラ光る星効果

【簡単に創れるphotoshop小技】キラキラ光る星効果

2014/07/31   -WEBデザイン

今回はPHOTOSHOPで簡単に創れる「キラキラ光る星」をご紹介します! 【その1】ブラシで直線を引く 新しいレイヤーを追加し、その上にブラシで線を引きます。 【その2】フィルタのぼかしから線を横長に …

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!

2014/07/28   -WEBデザイン

このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと… ちょっと面白くて勢いのある効果が生まれますね。 昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。 ですので、今回は写 …

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

2014/07/09   -WEBデザイン, WEB制作

線画イラストの線画だけ抜き出したい!背景を透過したい!!・・・そんな時に役立つphotoshopの小技をご紹介します。   (1)まず、画像をphotoshopで開きます。 (2)メニューの …

コロナ太り解消!!!~会社の取組~

【Illustrator小技】PDFファイルを代替フォントでなくアウトライン化して開ける便利なワザ

2014/05/28   -WEBデザイン, WEB制作

アウトライン化されていないPDFをIllustratorで開こうとする時、 Illustrator「このPDF、該当するフォントがないから代替しちゃいますね~」 デザイナー「うわぁぁフォント変わっちゃ …