チップス

昨今においてスマートフォンやネット環境の普及によりWEBサイトやランディングページの需要が高まり、目にする機会も飛躍的に上がりました。 実際にホームページで商品を販売してみよう！ 契約ページやプランの内容などをわかりやすく訴求したい！ と何かを訴求するにあたって重要になってくるのが「ランディングページ」といわれる【着地点】です。ランディングページについては弊社のLPページなどを...

色はデザインにおいて重要な役割をもち、色の組み合わせひとつで注意を引いたり、雰囲気を作ったりするだけなく、感情にさえ影響を与えると言われています。しかし、いざ配色を決めるとなるとなかなか難しく、悩んでしまいますよね？今回はそんなWebサイト制作のお悩みを解決する為のお話です。 まずWebサイトの配色を決めるためには、それぞれの色の特徴・効果とあわせて効果的な配色パターンを知っておくことが大切で...

Facebook、Twitter、Instagram、などのSNS(ソーシャルネットワークサービス)が普及していく中で企業アカウントを運用している方、または開設を検討している方へ 開設、運用するにあたってどのSNSの運用が向いているのか？ 実際に企業アカウントを開設してみたが、何を投稿すればいいのか？ など今回はそんな企業アカウントに関する疑問やお悩みを解決しながら、 企業やターゲットによって...

Webデザインでとっても便利なPhotoshopのスライス機能はつかっていますか？「同じようなデザインで作るし、アイコンやメニューバーをひとつのデータでまとめてつくりたい・・・」「でも、後でひとつずつ保存するのが面倒くさい・・・」「やっと画像が出来た！」と思ったのに、そこから保存作業に時間がかかってしまうとテンションが下がりますよね。そんなお悩みを解決してくれるのがスライス機能です。 スラ...

ブログをアップする際、店舗画像などをもう少し修正や手直しをしたい、 イメージカラーやトーンを変更したいなど、 ちょっとした編集をできたらいいなと感じた事はないですか？ 今回は初心者向けでカンタンにできるPhotoshopソフトの代表的な操作方法を解説します。 1）汚れや不要なものを取り除く操作方法 間違い探しではありませんが、下記レストランのバーカウンター左側Black ...

前回の記事はいかがでしたでしょうか？Bootstrapの導入方法やそもそも何なのかが知りたい方は是非一度お読み頂けますと今回の記事への理解をより深めることができます。 【基礎知識編】 デザイン初心者でも本格的なサイトが出来る！？話題の「Bootstrap」とは 実践編では、実際の制作をBootstrapを使って行う際に必須の知識 レスポンシブデザインを効率的に作る「G...

Web業界でクリエイティブな事をしてみたいけどデザインの経験も無くなかには「センスが無いからなぁ...」と諦めてる人も多いのではないでしょうか？ いざ見様見真似でポートフォリオ（作品集）を作ろうと試みるが、どうデザインしていいか分からず断念される方も多いと思います。 ですが、断言します「デザインはセンスが全てでは無い！」 なぜならwebのデザインと言っても芸術家（アーティスト）ではありません...

SEO対策を行っている方はE-A-Tという単語を目にしたことがあるでしょうか。2018年8月のアップデートからGoogleが特に重要視しているE-A-T。そもそもE-A-Tとはなんなのか、どのような対策をしていくといいのかを解説していきます。 まずE-A-Tとは まずE-A-TとはGoogleの「検索品質評価ガイドライン」で定義されているWebサイトやページを評価するための基準...

HTML/CSSを勉強中、もしくは制作中にデザインやCSSコーディングで手詰まりだと感じていませんか？ 確かにWeb制作をする上で、デザインは欠かせないものです。「HTML/CSSは使えるけどかっこいいデザインが思い浮かばない…。」「試しに作ってみたけどなんかダサい」「もっと簡単に管理できるWebサイトが作りたい！！」「でもWordpressを使うのはちょっと…。」といったような悩みを抱え...

構造化データとは 構造化データとは、Webサイトが持つ意味をコンピューターが理解しやすいものにするセマンティックWebを実現するための手段のひとつです。検索エンジンは、HTMLで書かれている文字列や画像が何を意味しているか理解できません。そこで、ロボットでもその内容が理解できるように、HTMLで書かれている情報が何を表しているのかを意味づけしたものが構造化データです。ロボットがHTML...