記事一覧

こんにちは。デザイン部、部員のTです。 この記事では、初心者のWebデザイナーがよく抱える悩みとその解決策を紹介しつつ、わかりやすく「Web鍛サイト」をご案内します。ぜひ、このサイトを活用して、Webデザイナーとしてレベルアップしましょう！ 「Web鍛...

こんにちは。デザイン部、部員のTです。「マークダウン」という言葉を聞いたことはありますか？ 「議事録を書くのに使ったことがあるけど、あまりよく知らない」 「ChatGPTでマークダウンで書くといいと聞いた」 「WordPressやNotionでも使えるらしい」 な...

こんにちは。デザイン部、部員のTです。縦長のWebサイトのスクリーンショットを撮る際、みなさんはどのような方法を使っていますか？私はこれまで「分割してスクリーンショットを撮って、Photoshopで1枚の画像を作成」という手間暇がかかることをしていま...

パスは、ファイルやディレクトリが存在する場所を示す方法のことです。 Webサイトの場合パスは、Webページ内で参照される画像、スタイルシート、JavaScriptファイルなどのファイルの場所を指定するために使用されます。パスは、絶対パスと相対パスの2つの...

多くのTipsサイトでは「ワープテキストでアーチ状にするとかんたん」と出てきますが、文字も一緒に歪んでしまいます〜！ 文字は歪ませずに見せたいですね。パス上に文字を添わせるのがベスト！その方法を紹介します。 https://youtu.be/sz9ZLSBYtNU

無料コーディング課題です。下記のデザインカンプをコーディングし、PCサイトを完成させてください。Photoshopがなくてもコーディングができるように、記事の最後に必要な画像をまとめました。 デザインカンプの詳細な指示 通常コーディングの仕事を行うと...

こんにちは。デザイン部、新入部員のTです。みなさんはWebデザイナーなら絶対に知っておきたいツール、「検証ツール」をご存じですか？「検証ツールって聞いたことはあるけど、まだ使ったことない」「どうやって使うのかよくわからない」「そもそも検証ツ...

初めまして、企業実習生のHです。前職は美容師や接客業で、Webデザインは未経験からのスタート。職業訓練校に通い始めて４ヶ月目の初心者です。本記事では、業界未経験でも簡単にできる、「食べ物を美味しく見せるPhotoshop加工術」を解説。ちょっとした加...

こんにちは！実習生のTです。Webデザインについて学び始めて半年ほどです。今回はWebフォントについての解説記事を書かせていただきました。少しでもみなさまのお役に立てれば幸いです。 はじめに デザインにとって重要な要素の一つであるフォント。可愛ら...

英会話教室の新学期キャンペーン用の画像をお願いします。 内容は以下です。新規入会者に「2000ポイントプレゼント」キャンペーン期間: 3月21日〜4月15日 SNS広告を出稿します。リンク先は特設LPを作成する予定です。サイズは1080px × 1080pxで作成してく...

マンダラチャートと言う、目標達成のために64マスを埋める、フレームワークのことをご存知でしょうか？ 本来はA3の用紙に付箋でどんどん貼り付けて、目標を達成するため必要な要素をどんどん出していくと言うワークショップで使われるもです。けれどもこの...

iPadで書き込みができるアプリ、GoodNote5。Googleカレンダーとの併用でスケジュール帳としても使いたかったのですが、自分の思うとおりのテンプレートがなかったのでIllustratorで制作しました。 GoodNotesのテンプレートは自分で作れる。そんなTips動画...