このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

転職や独立を考えているWebデザイナーにとって、ポートフォリオは必須の資料。スキルをアピールするためには欠かせません。しかし、いざ作ろうと思ったときに、どのような内容を盛り込むべきか、作品はいくつ載せればよいのかなど気になることは多いはず。 そこで本記事では、Webデザイナーのためにポートフォリオサイトの作り方を解説します。例を交えながら詳しく解説するので、実務未経験でこれからポートフォリオを作る方はもちろん、すでにポートフォリオを持っている方も参考にしてみてください。 ＜この記事に関連する記事＞ おしゃれなポートフォリオサイトのおすすめ20選！参考にしてかっこよく作ろう ポートフォリオ作成ツールのおすすめ5選！作り方のコツも紹介！ 【プロが教える】Webデザイナー必見！受かる職務経歴書の書き方【フォーマット付き】 目次 Webデザイナーにとってポートフォリオが重要な理由とは？ Webデザ

こんにちは、ソウルドアウト株式会社のなごです。 Web制作で収入を得たい・増やしたい人にとって、バナー制作は空いた時間でサクッとできるのでおすすめです。 昨今は、クラウドソーシングによってバナー制作を外注する企業が増えてきているので、そこまで高度な技術がなくとも、5,000円～50,000円のスポット収入が得られます。 今回は、バナー制作によって、簡単にお小遣い稼ぎをするために必要な知識をすべてまとめました。社会人や学生、主婦の方など、空いた時間にお小遣い稼ぎをしたい人にも、Webデザイナーとして独り立ちするために実績を積みたい人にもおすすめです。 「成果が出る」バナーを作るには？ バナー広告の制作には、デザインスキルだけでなくWebマーケティングやコピーライティングのスキルも重要です。とくに副業や就転職を見据えてプロレベルのスキルを身に着けたい……という方は、Webの知識を総合的に学べる

ランディングページ（ＬＰ）の作り方を、超重要ポイント７つに絞って説明します。対象読者は、これからＬＰを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。１回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく７つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー（１行）とサブコピー（２行）、写真の３つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか？　お客さんの気持ちに寄り添いながら、言葉で解きほ

こんにちは、ディレクターのはるかです。 最近デザイナーのぺちことTumblrについて話す機会があったので、前回はTumblrの無料テーマについて書かせていただきました。 今回は、先日3月18日に公開されたばかりのサイバーエージェントさんのAmeba Owndを少し使ってみたので、こちらを紹介したいと思います。 まずAmeba Owndとは？ Ameba Owndを使えば、誰でもかんたんにウェブサイトをつくることができます。 シンプルなブログをはじめてもいいし、サイトにページを追加してお店やブランドを紹介するポートフォリオにしても良いかもしれません。Instagram、Twitter、Facebookの更新をまとめることもできます。 引用元：About／Ameba Ownd https://blog.amebaownd.com/pages/47/about ひとことでいうとサイバーエージェン

Web制作簡単にWebサイトを作成できる「Ameba Ownd」で個人ブログを作ってみた！2015年3月21日101 @JUNP_Nです。サイバーエージェントがWebサイトやオウンドメディアを簡単に作成することができる「Ameba Ownd」を公開しました。早速サイトを作ってみたので、実際に使ってみた感じをご紹介。 特別な知識は不要、ドラッグ&ドロップで簡単にお洒落なサイトを作成可能！しかも無料だ！サイバーエージェントが無料で簡単にお洒落なWebサイトを作成することができる「Ameba Ownd」を公開しています。早速公開されたことをうけて、サイトを作成してみました。 最初に全体の感想ですが「簡単にWebサイトの作成をすることはできるものの、必要最低限の機能すら揃っていない」という感じです。最低限の機能をどう定義するかは人それぞれだと思いますが、ちょっと不満が残ります。 男子ハックの中の人

モーニング・アフタヌーン・イブニング合同Webコミックサイト「モアイ」は終了しました。 「コミックDAYS」「モーニング公式サイト」「アフタヌーン公式サイト」をご利用ください。

味わいのあるごつごつした感じが面白い日本語の極太フリーフォント「鉄瓶ゴシック」を紹介します。 個人でも商用でも無料で、Webでも紙でも動画でも利用できます。何に使ってもいい味がでそうですね。使い方によってはかわいい感じにもいけそう。

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。 ウェブサービスの企画とデザイン 僭越ながら明治学院大学で講義した時に作った資料。 なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。 かんたんキレイなウェブデザイン 僭越ながら勉強会 (UT Startup Gym) 用に作った資料。 なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ

皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

ホワイトデーのお返しに手作りクッキーを作ったらWEBデザイン素材集ができた件 2014年03月19日19:00 カテゴリお菓子 3月14日はホワイトデーでしたね。バレンタインのお返しに手作りお菓子をあげた料理男子もいるんじゃないかと思います。 ところがどこをどうやって間違えたのか、見た目がまるっきりアイコンのまるでWEB素材みたいなクッキーを作ってしまった方がいました。 スポンサード リンク rin_shimohamaさんのツイート ホワイトデーで本気だしたら、思わぬ方向につっぱしってしまった…。手作りクッキーを作っていたら、Webデザイン素材集ができた話。http://t.co/J7sZ8BLSiP pic.twitter.com/oVdffG8BU8— 下浜 りんたろう (@rin_shimohama) 2014, 3月 17 USBのアイコンも作ったが速攻で折れたらしい 使いやすいよ

当サイトはレスポンシブデザインを採用している。 それに合わせて最近GoogleAdsenseのコードをレスポンシブ対応のものに変更した。 その際に面倒なのが、広告が自分のサイトでどう表示されているのかの確認。 キャッシュが残ってたり表示させるガジェットを持っていなかったりという問題があってなかなか簡単に確認できなかったけれど、そんな悩みを一発で解決してくれる便利サイトがあったのでご紹介。 http://mattkersley.com/responsive/ ↑ 上記サイトで自分のサイトのURLを入力すれば各デバイスでどのように表示されるか確認できる。 レスポンシブ対応のAdsenseもそれぞれの大きさに合わせて表示されるのでわかりやすい。 個別ページのURLを入力すればそれぞれのページも表示されるので、トップページと投稿ページのカラムや表示を変えている人にとっても重宝する。 うん、これは便

こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。