ファーストビューとは何かご存知ですか？ユーザーの離脱に関わる重要なファーストビュー。なぜ重要なのか、デザインする時のポイント、どんな見せ方があるのか、どのくらいのサイズで制作すれば良いのか、全てを解説します。 ファーストビューとは ファーストビューとは、ユーザーがWebページにアクセスした時に最初に表示される部分、スクロールせずに画面に表示される部分のことです。 英語だと「Above the fold」と言うそうです。新聞の折り畳み線(fold)より上が最初に目に入る範囲ということから来ています。 今回はファーストビューについて紹介します！ ファーストビューの重要性 第一印象は3秒で決まるとよく言われますが、ユーザーはWebページにアクセスして3秒で ターゲットは誰か 読み進めるメリットはあるか 利益（ベネフィット）は何か を判断すると言われています。 株式会社LIGのブログによると ファ

Webサイト制作は、ボリュームに違いがあるにせよ、非常に手間のかかる作業です。 特に、初心者の方の場合は、制作環境を構築することから始まり、その他にも実作業面で制作スケジュールの管理やSEO対策など・・・やるべきことは山積です。 今回は、Web制作の環境構築から実際の制作進行まで、業務に役立つツールを活用法とともにご紹介します。 Web制作に便利なツール10選 1.Aptana Studio http://www.aptana.com/ 「Aptana Studio」は、Javaの統合型開発環境（IDE）として有名なEclipseをベースにして作られた無料の開発環境です。 対応している言語は、Ruby、PHP、CSSやHTML5などで、インストールするだけで簡単に開発環境を構築することができます。 例えば、Ruby on Railsでは、環境構築だけでも非常に面倒ですが、これを手軽にインス

皆さんはデザイン思考(Design Thinking)という言葉をご存じでしょうか？ 「デザイン思考」という言葉を聞くと、デザイナーだけが持っている思考様式のように聞こえます ── しかし、実際は、文学・芸塾・科学・エンジニアリング・ビジネスなど、あらゆる世界で応用されている考え方です。そしてこの思考様式はあまりにも強力なので、AppleやGoogle、サムスンやGEなど、世界を先導する企業のアプローチ方法としても採用されています。 それでは、「デザイン思考」とはどういう考え方なのでしょうか。 なぜ「デザイン思考」はこれほどに有名になったのでしょうか。 また、そもそもなぜ「デザイン思考」と呼ぶのでしょうか。 今回は、その「デザイン思考」について、わかりやすく解説していきます。この記事を通じて、皆さんの会社でも「デザイン思考」という考えた方をぜひ取り入れてみてください。 デザイン思考(Des

「優れたデザインを生み出すこと」 「クリエイティブな制作物を作り出すこと」 一見、これらは*『デザイナーやクリエイターに限ったこと』*のように思えるかもしれないですが、決してそうではありません。これはあらゆる業務で、あらゆる人に該当する話です。 ただ、デザイナーやクリエイターが優れたデザインや制作物を生み出し"続けている"のには、その根底にデザイナーがデザイナーたらしめる考え方があるからです。 今回は『ノンデザイナーこそ参考にしたい』、デザイナーが常に持っている9つの考え方をご紹介します。 ノンデザイナー必見！優れた制作物を生み出し"続けている"コツ 1. デザインは魔法じゃない "発想"や"思考"は文字どおり「魔法のような」無限の可能性を秘めていますが、決して「魔法」ではありません。デザイナーの頭の中では、様々な発想やアイデアが混沌の中で渦巻いており、その中には現実では実現不可能なことす

子どもの頃夢にまで見た仕事に大人になって就けたとしても、どんな仕事であっても生産性に関してはシビアに見られます。 経営者やデザイナーが生産性に関するエキスパートだとみなされているのは、どんな時でも、新しいアイデアを見つけるために熟考したり、普段なら思いつかないような解決策を考えたり、同時にあらゆるタスクをこなしたりしなければならないからです。 もちろん、デザインに関する予算や締切を守るという条件付きです。 生産性を上げるには、小さな工夫を積み重ねていく必要があります。 しかし、果たしてどんなことをすれば、少しでも生産性が上がるのでしょうか。 今回は、世界の経営者やデザイナーも実践している、仕事の生産性を上げるための7つのアイデアをご紹介します。 仕事の生産性を上げるためにやるべきこと 1. たった1つのことに集中する Appleのスティーブ・ジョブズが生前、事業の優先順位について話し合うた

Webエンジニアの種類は、概ね フロントエンドエンジニア：見える部分を作る人 サーバサイドエンジニア：動的な処理を記述する人 インフラエンジニア：各種サーバ環境を整える人 に類別できる。 ただし、人によってその担当領域が異なるため、明確な線引はできない。 （サーバサイドエンジニアがインフラをやったりフロントをやることも大いにあり得る） 「クライアント・サーバ」の概念との関係付けをするならば、下記画像のようになると言えるが、普段そういうことを意識することはあまりない。 フロントエンジニア： 上記画像の「ビュー」に直接関与する部分を作成するエンジニア クライアントサイドに送るデータ（HTML、CSS、JS等）を記述するエンジニア サーバサイドエンジニア： 上記画像の「処理」部分を記述するエンジニア DBアクセス・各種ファイルへのアクセス・その他目に見えない動的な処理を記述するエンジニア インフ

こんにちは。マンガマーケティングの「シンフィールド」で漫画広告を制作しているコバトシです。 コンテンツマーケティングの一環で「商品やサービスを漫画化したい！」というとき、漫画家さんに漫画制作を依頼することになるかと思います。そこで役立つのがクラウドソーシング。 しかし、そこでは注意しなければならないことがあります。今回は、クラウドソーシングで漫画制作を依頼する際の注意点についてお話したいと思います。 クラウドソーシングなどで直接漫画家さんへ依頼する場合の注意点 クラウドソーシングや漫画家さんのホームページなどから直接漫画家さんに広告の制作依頼をする場合、下記の点にご注意ください。 漫画家さんの実力はさまざまである 漫画家さんへの要件定義は意図が伝わるようにおこなう ディレクションが発生する 1つずつ見ていきましょう。 漫画家さんの実力はさまざまである 漫画家さんの制作方法は十人十色です。

こんにちは。株式会社ZucksでZucks Ad Networkの開発に携わっている南大津です。 エンジニア採用の募集事項に「業務で使われている言語」がよくありますが、どの言語がどれくらい使われているかは、入社前にはなかなか把握し難い部分ではないでしょうか。 そこで今回は、VOYAGE GROUPで開発に利用されているプログラミング言語のトレンドについて調べてみたので、ご紹介できればと思います。 ソースコード管理について VOYAGE GROUPでは多くの子会社、サービスが存在していますが、そのほとんどのソースコードはvoyagegroupという1つのGitHub Organizationアカウントで管理されており、現在約400個のリポジトリが作成されています。 私が入社した2009年頃には、ソースコード管理といえばSubversionがメインでした。 その後徐々にGitHubでソースコー

価格.com最安価格で3万円以下の比較的手に入れやすい焦点距離50mm付近の標準レンズをピックアップしてみました！　標準レンズの魅力を解説したうえで、50mmよりも少し広角・望遠になる製品の情報も含めながらレンズマウント別に紹介します。 ※本記事内の価格表記はすべて2016年9月16日時点の価格.com最安価格を参考にしています。 ※紹介するレンズは、オートフォーカスに対応するものとし、2016年9月16日時点での価格.com最安価格をもとにピックアップしました。価格変動により、最安価格が3万円を超えることもあります。 ※レンズの表記については、キヤノンEFレンズ、ニコンFXレンズといったように、正式なマウント名ではなく、わかりやすさを重視した名称を使用しています。 標準レンズの魅力とは？ 単焦点レンズの特徴は、開放F値の小さい大口径タイプで、描写力にすぐれたモデルが多いことです。大口径を

「α7S」にLoxia 2.8/21を装着 ここ数年、カールツァイスレンズのラインアップが急速に拡充している。光学性能を追及した一眼レフ用のMFレンズ「Otus（オータス）」、コシナとの共同開発となる一眼レフ用のMFレンズ「Milvus（ミルバス）」、ソニーEマウント用のフルサイズAFレンズ「Batis（バティス）」、APS-Cミラーレス用のAFレンズ「Touit（トゥイート）」などの新シリーズが続々と登場。本連載「交換レンズ図鑑」でも、これらのカールツァイスレンズをいくつか紹介してきたが、今回は、カールツァイス社が直接手がけるEマウント用のフルサイズMFレンズ「Loxia（ロキシア）」シリーズの新モデル「Loxia 2.8/21」を取り上げる。2016年1月発売の最新レンズで、非常にすばらしい描写力を持っている。 Eマウント用に設計し直したDistagon構成のコンパクトレンズ Loxi

カスタマイズのゴール 今回のカスタマイズのゴールはこちらです。 LINEのような色にすることもできます。 もちろん、レスポンシブに対応するようにしました。では、コードをご紹介します。 HTMLコード まずはHTMLのコード。下記のコードの日本語の部分を変更するだけで「左からの吹き出し」が作れます。 <div class="balloon"> <figure class="balloon-image-left"> <img src="画像のパス（URL）" alt="画像名"> <figcaption class="balloon-image-description"> 人の名前や画像の説明 </figcaption> </figure> <div class="balloon-text-right"> <p> 吹き出しの中のテキスト </p> </div> </div> 「右からの吹き出し

【かぐや姫の胸の内】好きな世界にもっともっと近づくために、気張らずに進みたい｜デザイナー・荻原由佳 【かぐや姫の胸の内】多様な生き方が選べる現代だからこそ、女性の生き方を考えたい── ここは、都会の喧噪から引き離された知る人ぞ知る老舗スナック。 夜な夜な少なの女性が集い、想いを吐露する隠れた酒場。 確かに近年、女性が活躍する場は増えて来たように私も思う。 自由に生きていい。そう言われても、 「どう生きればいいの？」 「このままでいいのかな」 「枠にはめられたくない」 私たちの悩みは尽きない。 選択肢が増えたように思える現代だからこそ、 多様な生き方が選べる今だからこそ、 この店に来る女性の列は、絶えないのかもしれない。 ほら、今も誰かが店の扉を開ける気配。 一人の女性が入ってきた…… 連載　今を生きる女性の本音「かぐや姫の胸の内」 第26回目は、フリーランスのデザイナー、アートディレクター

Webの担当者として業界の最新動向を掴むためにも、様々な情報源をおさえておきたいところです。 ニュースメディアや新聞など様々な情報媒体の中でも雑誌は、最新情報をまとめて読めるメリットがあります。 体系立てた知識を書籍で学ぶだけでなく、雑誌で常に新しい情報を得ることで業務にも活かせるでしょう。 今回はWebマーケティングに関わる業界雑誌9誌をご紹介します。 自身のスキルアップのためにも、業界に関わる最新の動向を掴んでいきましょう。 月刊 月に1回、決まった曜日や日付で発行される雑誌です。 プレスリリースやイベント開催など、月ごとの情報を知ることができます。 1.宣伝会議 http://www.sendenkaigi.com/books/back-number-sendenkaigi/8543 株式会社宣伝会議が刊行する、広告やCMに関するマーケティングの専門雑誌です。 Webに限らず、様々な

WordPressで作るコーポレートサイトに使えるテーマの紹介。自分でプログラミングせずに導入できるおすすめのテンプレートを紹介しています。自社のページをより良く見せるためにぜひ活用してみてください。 これまでWordPressで使えるECサイト用のテーマなどを紹介してきましたが、今回はコーポレートサイト用のテーマです。 コーポレートサイトをゼロから作るとなると盛り込む情報が多く大変ですが、WordPress用のテーマを使えば誰でも見栄えの良いサイトができるはずです。 コーポレートサイトに限らずですが、「もっと見ていたい」「また来たい」と思ってもらうためには見た目のデザインが非常に重要です。 そこで今回は、凝っているデザインでかつ無料で使えるテーマを紹介していこうと思います。 なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 ま

カトリデザイン事務所 / 制作会社クリムゾン / ディライトテクノロジー他...全24件

スマートフォンの普及などがきっかけとなり、写真撮影をする機会が増えてきました。 それに伴って、写真をより魅力的にしてくれるアプリなどが非常に人気で、InstagramのようなSNSにも写真を加工してアップロードする方が女性を中心に多くいらっしゃいます。 今となっては、女性が好む写真にするには加工が必須と言っても過言ではありません。 Instagram風に女性好みの写真に加工したいときは、Photoshopのアクションが便利です。 利用する際は、アクションを再生すると一瞬であらかじめ設定した加工を施してくれ、写真を素敵に仕上げてくれます。 今回は、女性が好きそうな写真に加工できるアクションファイルをまとめでご紹介します。 写真を可愛くお洒落にしたい方、女性をターゲットにしたビジネスをしている方はぜひ参考にしてみてください。 Instagram風に写真を加工するアクションファイル50選 1.F

お久しぶりの更新となってしまいました。 ここ最近は特にSEO対策に関する「一般サイトのウェブマスター」に向けた大きなトピックもそうなく、（スマホ対応、HTTPS、AMPくらいか）またSEOという分野においてあまり未来を感じることがなくなってしまい、気づけば筆が遠のいていました。 2016年も始まったという事で、SEOがどうなるというか、これからのWebマーケティングやWeb上でのコミュニケーションがどうなっていくのか、という事について書いてみます。 SEOはもはや”前提条件” Web上でビジネスやマーケティングを進めるにあたって、SEO、つまり検索エンジン対策は今後も非常に重要なものであることに異論はありません。 しかし、ほんの数年前とは状況は大きく異なっており、今やSEOというのは専門知識とかテクニックというより、前提知識となったのではないかと思います。 たとえば、「将来海外で映像制作の