「 WEBデザイン 」 一覧
-
AIが自動で削除!Photoshopの新機能『ワンクリック削除』のご紹介
今回は、Photoshopの新機能「ワンクリック削除」についてご紹介します。 これまでは、削除したいオブジェクトをひとつひとつ手動で選択する必要がありましたが、今回追加された「ワンクリック削除」では、 …
-
WEBデザインとは?概要や実際の制作の流れ、制作会社に依頼するときの注意点を徹底解説!
WEB制作においては、ユーザビリティを高めるために、WEBデザインが重要となります。WEBデザイン自体はスキルがあれば内製もできますが、こだわったデザインや高度なスキルが必要なデザインにしたい場合は、 …
-
デザインにおいて余白は重要!おしゃれに見える理由や効果などを例をもとにしてわかりやすく解説!
デザイン設計においては、余白が重要です。適度に余白が配置されることで、コンテンツが見やすくなります。余白がなくコンテンツが敷き詰まった状態は、ユーザビリティが低いため改善が必要でしょう。 本記事では、 …
-
【最新版】WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!
インターネットの世界は日々進化し、WEBデザインのトレンドも常に変化しています。最新のデザイントレンドを取り入れることで、ユーザーの目を引き、印象に残るサイトを作ることにつながります。 どのデザインが …
-
デザインコンセプトとは?重要性や作り方について事例を交えてわかりやすく解説
デザインコンセプトは、作る側にとっても、見る側にとっても、とても大切です。何を伝えるべきで、何を伝えないべきか。コンセプトをしっかり設定すると、無駄な部分がスリムになってデザインに統一性が生まれるので …
-
デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!
2024/09/05 -WEBデザイン
ユーザーのニーズと行動を深く理解した効果的なWEBサイトを作ることができれば、ユーザーに使いやすいWEBサイトが制作できます。ここで、注目を集めているのが「デザインリサーチ」という方法です。 デザイン …
-
こんにちは、デザイナーのAです! AdobeAnimateを利用して簡単に画像をアニメーションさせるApngの作り方をご紹介します! Animateには簡単&効率的にアニメーション作成できるツールが多 …
-
ボタンを押すだけ!? 【Photoshop】 フリー レイヤースタイル ゴールド(金色)系 厳選素材まとめ!
こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …
-
みなさまこんにちは、新人Aです。 三角形で作る幾何学模様の作り方をご紹介します。 これはパターンにするよりもランダムに色を置いていったほうが幾何学模様の雰囲気がぐっと増すと思うので、 少し面倒ですがパ …
-
みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …
-
【Illustrator】写真を簡単にモノクロベクター画像にする方法
みなさまこんにちは、新人Aです。 今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います! 【1.Illustratorにベクター化したい画像を配置します …
-
みなさまこんばんは、新人Aです。 今日は、多角形を使って一瞬でお花の形にする方法をお話しようと思います! 数値をずらすだけで形が簡単に変わるので、とってもおすすめです。 WEBサイト制作事業 WEBサ …
-
2014/10/01 -WEBデザイン
こんばんは、新人Aです。 今日は、写真に文字を乗せるときに読みやすくする工夫についてお話します! たとえばこんな写真。 綺麗な夜景ですが、暗い空と明るいライトアップのコントラストで白い文 …
-
【Illustrator】基本図形で出来ちゃう!ハートマークの作り方
こんばんは、新人Aです。 今日は、Illustratorでハートを作る方法についてお話します! まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが… 理想の形が見当たらない!という …
-
マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …
-
2014/07/31 -WEBデザイン
今回はPHOTOSHOPで簡単に創れる「キラキラ光る星」をご紹介します! 【その1】ブラシで直線を引く 新しいレイヤーを追加し、その上にブラシで線を引きます。 【その2】フィルタのぼかしから線を横長に …
-
【photoshop】アプリを使わず、簡単に写真を漫画風にアレンジする方法!
2014/07/28 -WEBデザイン
このお姉さんにあえて漫画調にマーカーネットをアピールしてもらうと… ちょっと面白くて勢いのある効果が生まれますね。 昨今では漫画的な加工を取り入れるWEBデザインも増えてきました。 ですので、今回は写 …
-
簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!
線画イラストの線画だけ抜き出したい!背景を透過したい!!・・・そんな時に役立つphotoshopの小技をご紹介します。 (1)まず、画像をphotoshopで開きます。 (2)メニューの …
-
【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ
Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …
-
【Illustrator小技】PDFファイルを代替フォントでなくアウトライン化して開ける便利なワザ
アウトライン化されていないPDFをIllustratorで開こうとする時、 Illustrator「このPDF、該当するフォントがないから代替しちゃいますね~」 デザイナー「うわぁぁフォント変わっちゃ …