Webデザイナーがブランドサイトをデザインするとき、求められる項目は多岐にわたります。目的や状況に応じて変化しますが、大きく分けて「ブランドイメージの的確な表現」、「競合との差別化」、「コンバージョンの達成」、「ユーザビリティ」などがあります。 品質の高いブランドサイトを制作するためには、これらの項目全てに応えなくてはなりません。しかし、経験の少ないデザイナーはほとんどの場合、これらの項目を全て一緒に考えてしまうため、そのサイトで何を達成したかったのか、分からなくなってしまいます。 全ての項目に的確に応えるためには、これらを一つ一つ整理し、順を追って制作していく必要があります。ここでは、その中で、まず最初に取りかからなくてはならない「ブランドイメージの的確な表現」について紹介します。 ブランドイメージを表現する際に達成しなければならない3つの要素 ブランドイメージを的確に表現するためには、

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

どうも、やなぎさわです。デザインや提案資料などに使用する写真素材を探すのって、正直めんどうだなぁなんて思ったことありませんか？ 今回は、無料で商用可の写真素材を提供している「BEIZ Graphics」というサイトをご紹介します。 素材のカテゴリーは全部で18種類あり、ストック枚数は約5,000枚あります。主に、風景などの自然写真が多いのですが、デザイナーの方ならよく使うであろう、ペイントや壁、鉄などの合成で使えそうなものまで豊富に揃っています。 これを知ったら、社長からもう有料のやつ使うなって言われるかも…。それぐらい素敵なサイトです！ 商用可・無料写真素材サイト「BEIZ Graphics」 また素材を探しに来たくなるような、とにかく使える素材が沢山あります。ブックマークしておけば便利だと思います！ 「BEIZ Graphics」 サイズも3種類あるので、使い勝手がいいですね。 それで

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ

みなさんどうも〜こんにちはぁ！ 日々レベルアップを目指してWebを学んでおりますライターの、のび太です。 以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です！ そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい！　マジで有益すぎる！　ありがてぇ！」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。 今まで知らなかったという人は、ぜひこの機会にRSS購読を！ 制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の

AppleがApp Storeにおける2014年のベストアプリ＆ゲームに加え、惜しくもベストに選ばれなかった他のアプリやゲームをiPhone・iPad別に発表しています。 2014年のベストApp＆ゲーム：iPhone https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewFeature?id=940868985 2014年のベストApp＆ゲーム：iPad https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewFeature?id=940869979 ◆App Store：iPhone ・今年のベストApp：Hyperlapse from Instagram ・次点：レター｜両親が喜ぶ子供写真カレンダー ・その他のベストApp Duolingo | 英語を無料で学ぶ インターン・

この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって０からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを３個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 １つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

作成：2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー １．スライドを立体的に切り替え ２．クリックで滑らかにページ遷移させる ３．背景にスライド、フルスクリーンで固定させる ４．横に移動するフルスクリーンスライド ５．キューブ系のスライドを表示 ６．下方向へドラッグするとページを再読み込みする ７．要素を上下にフワフワ動かす ８．外部要素をクリックで表示 ９．タイピングエフェクト 動作 １０．サーチボックスを画面全体にオーバーレイさせる １１．デイトピッカー １２．ドラッグ＆ドロップ 画像をアップロードする

研究発表等で使っているシンプルな自作テンプレートをGithubにアップしたので紹介しようと思います。 テーマ 「Mint Green」 ミントグリーンがベースのシンプルなテーマ。 タイトルにはスマートフォントUIというフォントを利用していますが、これを入れてなくても問題なく使えると思います。 テーマ 「Violet」 紫がベースのシンプルなテーマ。Mint Greenの色違い。 こちらも、タイトルにはスマートフォントUIというフォントを利用していますが、これを入れてなくても問題なく使えると思います。 テーマ 「Scarlet」 赤がベースのテーマ。 フォントはヒラギノ角ゴ + Avenir Next。 こちらからDLできます リポジトリ: GitHub - cocodrips/keynote-themes: Free Keynote templates. 良かったら自由にDLして使ってくだ

「ランディングページをなぜ作るのか」 「クライアントからLPの作成を依頼されたけど、どうやってデザインを作ろう」 Web制作におけるそんな悩みに対する、Schooでも人気のWebデザイナー・イシジマミキ先生による分かりやすい解説とアドバイスをしてくれる授業の書き起こし記事をご紹介！ 【目次】 1. そもそもランディングページとは 2. ランディングページはフッターから作ろう 3. クライアントからもらった素材が少なすぎる時はテクニックを駆使しよう 1. そもそもランディングページとは？ ランディングページの意味とは？｜なぜ必要なのかをユーザー目線から簡単解説 Web制作の一大ジャンルでもあるランディングページ。そのランディングページというものがそもそもどのようなものかなどをこちらの記事ではご紹介しています。 2. ランディングページはフッターから作ろう Webサイトのデザインを効率良くやる

この記事はIwate Developers Advent Calendar 2014の6日目の記事です。 Iwate Developers Advent Calendar 2014 - Qiita 記事の内容はというと、岩手にまったく関係ありません。 学生の頃はフロントエンドを軽視してクソコードを量産していたので、今の学生の方にこんな風に作り始めるといいよって紹介する感じで書きたいと思います。 はじめに 昨今のフロントエンド開発はとにかく複雑になってきていて、学習コストが半端なくなってきてます。 angularとかbackbone.jsとか、最近ではreact+fluxなど、トレンドの移り変わりが激しいです。 またGruntやgulp.jsなどのタスクランナーの活用がフロントエンドでは欠かせなくなっていて、使ってないなら今すぐ導入すべき、とも言えます。 最近gulp.jsを使っていて、gu

1億総デジタルともいえる現代。アプリ開発者やプログラマーの需要も、増加の一途をたどる。 目まぐるしく変化する市場に対応するには、当然人材が必要だが、採用しても教育する時間がなかなか確保できないなど、企業側も複雑な事情を抱えていたりする。 問題解決に一歩近づくには、入社したその日から即戦力で仕事ができるシステムが、必要なのかもしれない。 そこで登場したのが、「シラバス」という学習サイト。「マネして学べる」をコンセプトに開発されたプログラミングeラーニングシステムで、HTML/CSS、WordPress、Ruby on Rails、Backbone.js等のwebデザインやwebアプリの開発を、サイト上のコンテンツを通して学べるというものだ。 開発元の経験から生まれたサイト 開発を手がけたのは、東京理科大学の学生によるベンチャー企業、ダラフ。「シラバス」誕生のきっかけは、彼らの原体験にある。

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

photo credit: baldiri via photopin cc iPad仕事に使ってますか？私はたまにブログの下書きをするの以外には、家でネットサーフィンか電子書籍を読むのくらいにしか使っていませんでした。でも、『もしかしてiPadだけで仕事できるのでは？』と思って調べ始めたのがきっかけでこの記事を書いています。 普段仕事ではMacBook Pro15inchを使用。MacBookAirならまだしも、MacBookProは持ち歩くのには重すぎる！年末年始に出かける時、重たいパソコン（Mac）を持ち歩きたくないので、iPadだけでそれなりに仕事ができる環境を作ってみました。あくまで、本格的に仕事に使うのではなく出先の緊急用にという意味です。 Webデザイン関連と、ブログを書くという観点で、以前から使っているもの・今回使ってみたアプリのまとめです。 スポンサーリンク 画像編集 Ad