未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
軽量のソーシャルボタンを作成する方法 | 経験知
※本ページはプロモーションが含まれています 作成:2015/05/08 更新:2017/03/06 ブログに設置が必須になったソーシャルボタン。様々なサービスが独自のボタンを提供していますが、そのまま使うとページの表示速度が遅くなったり、Googleの「PageSpeed Insights」でjavascriptを圧縮やキャッシュ時間を長くしろと注意されたりします。 そこで、 ・Webフォントを使用 ・ソーシャルカウントを表示 ・シェア画面をポップアップ表示（PCのみ） 機能をもったWordPress用のソーシャルボタンを作成したので備忘録がてらメモ。 Webフォントの準備 通常ブラウザに表示される文字はパソコンに入っているフォントを使うため、WindowsやMacあるいは個人の設定により見た目が変わってくる。 サーバ上にフォントを置き、ダウンロードしてもらうことで、制作者の意図した統一の
Service Design Lab
Making the world better with Service Design, the framework of effective co-creation. 「未来のあたりまえとして定着するような、世の中をポジティブにシフトする多様なイノベーション」を皆さんと共に創出し続けたい。 このビジョンの背景には、現代においても、生活者はまだまだ大きな痛みを抱えており、また技術革新や社会動向の変化に伴い、新たな種類の痛みも次々と生まれてくる中で、一つでも多くの痛みを解決していきたいという熱い想いが込められています。イノベーションにはさまざまな種類や解釈がありますが、われわれが目指すイノベーションは「生活者と市場へ、ポジティブな意味付けを新たに与えるモノ・コト」であると規定しています。 未来のあたりまえとなるようなイノベーションを生活者・企業・有識者・クリエイターとともにデザインする、 共
保存版！CSS3で出来る素敵なデザインやアニメーションをまとめてみた
主要ブラウザで使うことの出来る「CSS3」ですが、IE8に対応していないためにCSS3の基本や使い方は知っていても実務等では使う機会が少なかった(クライアントワークではIE8が対応ブラウザに含まれていたため)方もいらっしゃると思います。そうするとふと「あれ、あのプロパティはどう使うんだっけ？」とか「この要素だけにスタイルを適応するCSS3は何だっけ…？」など忘れてしまうこともしばしば…。 最近ではIE8のシェアは低くなり、またスマホサイト制作の機会も増えたためクライアントワークでもCSS3を活用したWeb制作が増えてきました。そこで今回は、まず覚えておくと便利な機能の復習とそれを応用し「これCSS3だけで作れるの!?」というような驚きの作品の数々をまとめてみました！ CSS3とは そもそも「CSS3」とは何のことでしょうか。改めてその定義を確認してみましょう。 「CSS」は、ウェブページの
Webデザイン外注に関して:Geekなぺーじ
「新人達のスキルアップにもいいだろうとチーム機能が導入されたランサーズを会社でも使って見ることにしました。」ということで、ランサーズを使ったら地雷クライアントに当たってしまったという話が話題です。 ランサーズで提案し、キャンセルになったデザインが無断で使われている 提案側だけの視点なので偏りがあるかも知れませんが、記事中に以下のようにやり取りの経緯が書かれています。 やっと配色の話をはじめたら、「自分のイメージしている色をあてなさい」（ビビッドな 高級感のある色といえば何を思い浮かべます？）「外れたから見積額から勉強してもらおうかな？」とかそんなニュアンスの返事があるかと思えば 「１～６までの６つのボタンがあり、それをクリックしたらA～Gまでの７枚の画像が表示されるようにして欲しい」 「1にはAの画像、2にはBの画像...って割り当てるんですよね？」...「そうです」 「画像は7枚だからボ
2014年のWebデザイントレンドと本当に必要とされるデザインと手法 | FICCナレッジブログ | FICC
去る6月25日（水）、竹橋マイナビルームにてマイナビ様が主催する「Creator’s Career Lounge（以下、CCL） vol.6」が開催され、FICCから戸塚、福岡、冨田、STANDARD社から鈴木 健一氏が登壇しました。「Webデザイントレンドの潮流」をテーマに、これまでのWebデザインが歩んだ歴史と背景、そして現在Webの現場で活躍するWebデザイン技法について、約2時間に渡った講演の内容を振り返ります。 スライド デザインには目的がある 大前提として、ここでお話しする「デザイン」とはただのスキンやその作り方だけの話ではありません。「買ってほしい」「知ってほしい」「シェアしてほしい」などの目的を達成するための手段がデザインなのです。目的が変わればデザインも変わります。そしてWebサイトを取り巻く環境の変化によって目的もまた変化してきました。 環境の変化、要求の変化、デザイン
5種類の買い物客のためのECサイトのデザイン
ECサイトの買い物客には主に5つのタイプがある。それぞれ異なる、サイト訪問時の動機や行動パターンを知ることで、デザイナーは各ユーザーのニーズをサポートしつつ、サイト全体のユーザビリティを向上させる決断を下せるようになる。 Designing for 5 Types of E-Commerce Shoppers by Amy Schade on March 2, 2014 日本語版2014年4月2日公開 ECサイトの買い物客というのはさまざまだ。特定の商品を目当てにサイトを訪問する人もいれば、買うものを決めようとしている段階の人もいるし、暇つぶしに来る人もいる。したがって、ECサイトサイトのあらゆる要素、つまり、商品の画像から説明、登録、精算に至るまで、すべてがサイトの成功には重要だ。しかし、買い物客のタイプによってサイトで利用される要素は異なっている。 それぞれのユーザータイプの特定は、デ
ランディングページ制作の生死をわける11のチェックリスト｜MarTechLab（マーテックラボ）
皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今回は、弊社のプランナー・ディレクターが ランディングページの構成作成後 ランディングページのデザイン完了後 ランディングページのコーディング完了後 にそれぞれ行っているチェック内容を公開します。 細かい所ですがこの「チェック」のレベルによってプロとアマの違いが出るとも言えます。 何百本ランディングページを構築した熟練の経験者であろうとも、1回で完璧なものができることは決してありません。チェックを通してブラッシュアップされていくのです。 ランディングページ構築における一番の肝は、構成を引く前のターゲット設定・集客設計にあるのですが、今回はそこまで書くと壮大なボリュームになってしまうので、実制作に入った後のチェック項目に限定してご紹介します。 それでは早速ご紹介しましょう。 目次 ファーストビューで言いたいことが伝わるか？ 見出し
第8回 ツールやスキルに依存しないデザイナーであり続けるために - 秋葉秀樹の人に伝えるデザイン - MdN Design Interactive
第8回 ツールやスキルに依存しないデザイナーであり続けるために 2013年10月9日 TEXT：秋葉秀樹 最近、デザイナーから「JavaScriptとPHPでは、どっちのニーズが高いですか？」「いますぐ使えるHTML5スキルを学びたいんですが…」と尋ねられることが多い。そのたびに私は「あなたがやりたいことをやったらどうでしょう？」と答える。 非常に冷たい言いかたのように思えるかもしれないが、それ以上の答えはない。 本連載を通じてお伝えしたかったのは、「いまはツールやスキルに依存せず、つねにデザイナー目線で考えられる人が強く求められる時代だ」ということだ。 最終回となる今回は、私自身の自戒もこめて、強く求められるデザイナーのスキルの考え方をまとめてお伝えしたい。総じていえば、日々の失敗や反省を繰り返して高めていくことで得られることばかりだ。 オペレーションスキルで給料があがるという誤解 求人
タブレットのユーザビリティ
タブレットのユーザビリティを脅かす最大の脅威は、フラットデザインと不適切に縮尺を変更されたデザインである。そしてその後には貧弱なジェスチャーとワークフローが続く。 Tablet Usability by Jakob Nielsen on August 5, 2013 日本語版2013年8月22日公開 これまでタブレットユーザーを対象にしたユーザビリティ調査を6回実施してきた。良い知らせは、タブレットのユーザビリティがまぁまぁ信頼できるものであり、初期の、奇抜なiPadアプリのまとまりの頃に比べると、大幅に改善されてきていることである。あれはユーザーをすっかり当惑させることが多かった。 テストしてきたのは数世代にわたる大小のiPadと、（Kindle Fireを含む）Androidタブレットの多数のモデル、（Microsoft Surfaceを含む）いくつかのWindowsタブレットである。
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
Adaptive Path's Guide To Experience Mapping (Japanese Edition)
2. P First Edition Published August 2013POS Adaptive Path Pier One, Bay 2 San Francisco, CA 94111 adaptivepath.comS Written and designed in San Francisco and AustinTP We love our ideas to spread. This license allows you to remix, tweak, and build upon our work non-commercially. When doing so, you must acknowledge Adaptive Path. When in doubt, just ask us. We wonʼt bite.SSVUS For more information o
CSS Nite in Ginza, Vol.70フォローアップ（1）中川直樹さんのスライドを公開｜CSS Nite公式サイト
CSS Nite in Ginza, Vol.70フォローアップ（1）中川直樹さんのスライドを公開 記事公開日：2013年7月29日（月） 2013年7月18日（木）、アップルストア銀座で開催されたCSS Nite in Ginza, Vol.70のフォローアップとして、中川直樹さん（アンティー・ファクトリー）のスライドを公開します。 CSS Nite in Ginza, Vol.70 ご来場いただき、ありがとうございました。アートディレクター視点の、（Web屋だけど、Webを超えた）サービスを考える上での昨今ヒットしそうな、ワクワク・プロデュースの問いかけ。 是非、Webに携わる皆さん、制作するだけでなく、ビジネスだったり、消費者心理をワシ掴む領域まで、グイグイ（オノマトペw）踏み込みましょう！ 時間内にお見せしたかったのですが、見せられたなかったサイトやムービーは下記です。 コンテンツ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービスにおけるビジュアルデザインの役割
Bonobos Men's Clothes - Pants, Shirts and Suits
新着記事
日本語のアプリティザーサイトとLPまとめ
入力フォームの必須条件「ヘッダー4点セット」でユーザーの直帰を減らす／15か条の2 | 勝手にEFO分析-エントリーフォーム改善
Lightning Design System
Sirk