「 WEBデザイン 」 一覧

AIが自動で削除!Photoshopの新機能『ワンクリック削除』のご紹介

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

今回は、Photoshopの新機能「ワンクリック削除」についてご紹介します。 これまでは、削除したいオブジェクトをひとつひとつ手動で選択する必要がありましたが、今回追加された「ワンクリック削除」では、 …

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

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

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

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

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

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

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

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

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

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

2024/09/06   -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/06   -WEBデザイン, WEB制作

みなさまこんにちは、新人Aです。 今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います! 【1.Illustratorにベクター化したい画像を配置します …

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

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

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

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

【Fireworks】写真の上の文字を読みやすくする方法

2014/10/01   -WEBデザイン

こんばんは、新人Aです。   今日は、写真に文字を乗せるときに読みやすくする工夫についてお話します! たとえばこんな写真。 綺麗な夜景ですが、暗い空と明るいライトアップのコントラストで白い文 …

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

【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】で線画を抽出する方法!

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

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

2014/06/16   -WEBデザイン, WEB制作

Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …

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

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

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

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