-
使ってはいけない色【黒 #000】の、嘘。エビデンスに基づくWebデザイン学習の重要性
SNSやWebサイトで「デザインで絶対に#000(真っ黒)は使わない」というような断言を目にすることがあります。 しかし、実際のデザイン現場はどうでしょうか。 その情報を鵜呑みにする前に、「本当に#000は使われていないのか?」という疑問を持ち、自ら調... -
あっと言う間にIllustratorでオブジェクトをランダムに配置する方法
こんにちは。デザイン部、部員のTです。最近、リピートパターンを作成する機会が増えて、オブジェクトの配置に多くの時間を費やしていました。そこで、Adobe Illustrator向けの便利なスクリプト「fillinger(フィリンジャー)」を導入し、使い始めたところ... -
プロフィールリンクを作ろう
初級のころにHTMLやCSSをさわるのにちょうどいいボリュームのプロフィールリンクのページを作りましょう。 こんにちは、架空の人物 大阪町子です。今日はプロフィールリンクのページを作ったので、ぜひ参考にしてください。 サンプルページ:https://webta... -
【GoodNotes】人生で叶えたい100のこと ワークシート
やってみたい100のことを書き出すワークを知っていますか?「やりたいことリスト100」や「夢リスト100」とも呼ばれています。 【なぜ100個のやりたいことを書くのがよいのか】 自分のことをよく知ることができる 100個のやりたいことをリストアップする過... -
CanvaのWebページ制作の「URL」の解説
Canvaは、非デザイナーでも簡単にデザインを作成できるオンラインツールです。その中にはWebページ作成機能も含まれており、Canva の無料ユーザーでも最大で5つのWebページを無料で作成・公開することができます。 Canva Freeのユーザーは、無料のドメイン... -
Canvaのはじめかた(無料アカウント作成編)
Canvaは誰でも使いやすいデザインツールで、無料のアカウントでもさまざまな機能を利用することができます。本記事では、Canvaの無料アカウントの作成方法について詳しく説明します。 STEPCanvaのWebサイトへGO URL:https://www.canva.com/ CanvaのWebサ... -
初心者必見!Webデザイナーになるためのロードマップ
こんにちは。デザイン部、部員のTです。現在、Webデザイナーを目指して勉強しています。今回は、現役のWebデザイナーの先生からのアドバイスをもとに、料理の勉強を例に挙げながら、初心者の方でもわかりやすいようにWebデザイナーに必要なスキルを4つのス... -
Webデザイナー初心者におすすめ「Web鍛」の活用法!
こんにちは。デザイン部、部員のTです。 この記事では、初心者のWebデザイナーがよく抱える悩みとその解決策を紹介しつつ、わかりやすく「Web鍛サイト」をご案内します。ぜひ、このサイトを活用して、Webデザイナーとしてレベルアップしましょう! 【「Web... -
Web制作にも役立つ「マークダウン記法」!
こんにちは。デザイン部、部員のTです。「マークダウン」という言葉を聞いたことはありますか? 「議事録を書くのに使ったことがあるけど、あまりよく知らない」 「ChatGPTでマークダウンで書くといいと聞いた」 「WordPressやNotionでも使えるらしい」 な... -
縦長WEBサイトのスクショがラクラク!Google Chromeの検証ツール活用法
こんにちは。デザイン部、部員のTです。縦長のWebサイトのスクリーンショットを撮る際、みなさんはどのような方法を使っていますか?私はこれまで「分割してスクリーンショットを撮って、Photoshopで1枚の画像を作成」という手間暇がかかることをしていま... -
HTMLを書く上で必要な「パス」の理解。パス絶対と相対パス
パスは、ファイルやディレクトリが存在する場所を示す方法のことです。 Webサイトの場合パスは、Webページ内で参照される画像、スタイルシート、JavaScriptファイルなどのファイルの場所を指定するために使用されます。パスは、絶対パスと相対パスの2つの... -
Photoshopで文字をアーチや、リボンに沿った文字にしたい時の正しい方法
多くのTipsサイトでは「ワープテキストでアーチ状にするとかんたん」と出てきますが、文字も一緒に歪んでしまいます〜! 文字は歪ませずに見せたいですね。パス上に文字を添わせるのがベスト!その方法を紹介します。 https://youtu.be/sz9ZLSBYtNU