Webページやスマホアプリに動きやアニメーションを加えたい、そんな時にすぐに役立つコピペで利用できる解説書を紹介します。 コードはサポートサイトから最新版がダウンロードでき、画面遷移、ナビゲーション、ボタン、スライドショー、検索フォーム、グラフなど19種類にバリエーションが200個くらいあり、「この1冊が丸ごとカバー」の文字通り大全集です。 フロントエンドの制作者は、1冊持っておくとかなり便利です。 よく見かけるさまざまなアニメーションが収録されており、実装の参考になるだけでなく、アイデア集としても非常に便利。19種類からのバリエーションも豊富で、こんなこともできるのかという発見もあるかもしれません。

SNSやYouTubeでかっこいい動画を公開したい！ そんな人にお勧めの動画編集の解説書「Premiere Pro よくばり入門」を紹介します。 入門だからと侮ることなかれ。初心者向けの入門書と思って軽い気持ちで読んでみたら、間違いでした。ページを読み進める度に、これやりたい！あっ、これも！とワクワクが止まらなくなります。 初心者にお勧めなのはもちろん、Premiere Proをすでに使用されている人にもクオリティをアップするためのさまざまなテクニックは必見です。 本書はデジハリで動画講師、企業VPやMVを手がけるビデオグラファーとしても活躍する金泉氏のPremiere Proを使った動画編集の解説書です。第一線で活躍するクリエイターの動画テクニックがやさしく、そして詳しく解説されています。 表紙で損をしている感があるかもしれませんね。 本書内には、魅力的な動画の画像がたくさん掲載されてお

待望の第3弾がいよいよ発売です！ 「けっきょく、よはく。（紹介記事）」「ほんとに、フォント。（紹介記事）」に続く第3弾「あたらしい、あしらい。」を紹介します。 デザインが物足りない、しっくりこない、そんな時に一手間加える「あしらい」に着目し、デザインのやり方、意図、理由などが詳しく解説されたデザイン書です。 本書を読んだ後には、確実にデザインの引き出しが増えます。 本書は来週の月曜日（8/31）が発売日。 一足先に予約購入しておくと、発売日に届くかもしれません。 ちなみに、第1弾・第2弾は発売してすぐに品切れが続いたので、確実に入手するなら早めの購入がお勧めです。そのため、この記事の公開も発売日前にしました。

デザインする時に、頭では分かっていても、実際に手を動かしてみると難しいことがあります。インプットしているだけでは自分のものになりません、本当に大切なのはアウトプットすることです。 「けっきょく、よはく。（紹介記事）」「ほんとに、フォント。（紹介記事）」のソシム社からの新シリーズ、実際に手を動かすことで気がつくデザインのディテール、デザインの意図、デザインの理由などもよく分かる、アウトプットしてデザインを学べるドリル形式の解説書を紹介します。 本書を手に取った瞬間、「本当にドリルだ！」と思いました。 装丁がドリル風なだけでなく、中身もドリルです。デザインの演習問題は初級から上級まであり、使用するデザイン素材はすべてサポートサイトからダウンロードできます。データは素材とテキストだけでなく、完成品も含まれており、実際に手を動かしながらデザインの勉強ができます。

Adobe XDを使用してワイヤーフレーム、プロトタイプ、デザインカンプなど、WebページのUIを設計するワークフローに沿って学べる解説書を紹介します。 ワイヤーフレームを作るにあたっての準備から、実際の作り方、コンポーネント管理、画面遷移設計、プロトタイプ共有、デザインスペック共有など、Adobe XDの実践的な使い方を基礎からしっかり学べます。 Adobe XDの解説書を探していた人には、間違いのない決定版の一冊です！ 本書はWeb制作に携わるすべての人、ディレクター、デザイナー、コーダーにお勧めの本です。Adobe XDをまだ使用したことがない、すでに使用しているけどもっと使いこなしたい、そんな人にぴったりの一冊です。 発売されて間もないのに、Amazonで☆5レビューが早くもかなりついています。

当ブログのビジターもこのKindleセールを待っていた人も多いと思います。「けっきょく、よはく。」「ほんとに、フォント。」「デザインのネタ帳」「配色デザインインスピレーションブック」など、ソシム社の人気書籍がKindleセールに登場です。 ソシム社のKindleセールは過去に1度だけ、1年以上前の4日間だけでした。それ以来となる貴重なこのセールをお見逃しないように！ 担当者様によると、今回の期間は少し長め、とのことです。

Webやプロダクトのデザイン、配色のアイデア集、同人誌・絵師さん向けのイラスト関連の良書がかなりたくさん対象となったSBクリエイティブ50％ポイント還元キャンペーンが開催されています。50％ポイント還元なので、実質半額ですね。 期間は2020年4月9日（木）まで、残り期間はわずかなのでお見逃しなく！ SBクリエイティブ 50%ポイント還元キャンペーン 今回のキャンペーンでは、去年暮れに発売されたばかりの本をはじめ、デザイン・イラスト関連の良書が数多く揃っています。 まずは今回の一押し、当ブログでも非常に人気が高かった一冊。 控えめに言っても、「かなりお勧め」です！

はっきり言って、「かなりお勧め」です。 配色の本はたくさんありますが、配色の知識と実例を合わせて実践的に学べ、直感的にも理論的にも両方から配色を見つけることができる「配色デザイン良質見本帳」を紹介します。 配色例も豊富ですが、配色を使った実例も非常に豊富で、グラフィックデザイン、Webデザイン、プロダクトデザインなど、さまざまなデザインに活用できます。 本書は初めて配色本を手にする人だけでなく、他の配色本を持っている人にもかなりお勧めします。単なる色見本だけなく、色に対する感覚とそれを裏付ける理論の両方から配色方法を学ぶことができます。 学ぶだけでなく、色を見つけるためにも本書は役立ちます。 たくさんの配色と実例、直感的なイメージから、理論的な配色ルールから、見つけることができます。色相やトーン別の索引もあり、全ページが色に関する知の塊です。

ウェブデザインの善し悪しや品質は、感覚的に語られ決定されてしまうことがあります。例えば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういう経験はありませんか？ ウェブデザインの要素や見せ方における機能性・情緒性をロジカルに解説したお勧めのデザイン書を紹介します。ノンデザイナーズ・デザインブックの内容をさらに掘り下げ、ウェブデザイン用にアレンジされています。 本書は本日、5/31発売！ ウェブデザインに携わるすべての人、ウェブデザインを構築するデザイナー、そしてそれを評価するディレクターやクライアントが同じベースで円滑にプロジェクトを進められるようになる一冊です。 そのデザインになった理由、良いウェブデザインの条件、ウェブデザインにおける「品質」や「理想」。依然としてその答えは属人的であり、感覚的に語られ決定されていることも少なくありません。本書がそんな状況を改善し、ウ

Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。 最近各所で話題になっている「けっきょく、よはく。」をじっくり中身を見ながら紹介します。読んだらすぐに実践したくなるデザインのテクニックが満載です！ デザイナー初心者にありがちな「何かが違うのは分かるけれど、どこをどう修正すればいいのか分からない」「プロが作ったようなデザインができない」など、デザインでよくある悩みをずばりと解決してくれる一冊です。 初版・2版は速攻で売り切れてしまったそうです。先日3版が補充されたばかりですが、予約分もあるため、それほど多く出回らないかもしれません（版元様よりの情報）。 ※品切れになってしまっても、さらなる増刷が決まっているため、予約で確実に入手できると思います

Webデザイン、グラフィック、イラスト、レタッチ、画像作成など、PhotoshopとIllustratorの定番から最新のデザインテクニックまで、活用の幅が広いテクニックをしっかり学べるオススメの本を紹介します。 Photoshopでの作業がメインで、画像編集だけでなく、表現方法、イラスト作成、素材の加工・作成など、単に学ぶだけでなく、作品作りにまで長く使える一冊です。 本書はPhotoshop CC/CS6対応。 日本語の解説が分かりやすいだけでなく、使用している素材すべてがダウンロードできるというのも大きな特徴です。画像は学習用のみ利用可能となっていますが、ブラシやグラデーション素材は制作でも利用可能となっています。 気になったテクニックは、すぐにPhotoshopやIllustratorで実際に手を動かして、学ぶことができます。

Photoshopのチュートリアルの紹介で「簡単にできる！」というテクニックはたくさんあります。しかし実際にやってみると、「うまくいかない」「思っていたのと違う」ということがよくあります。 原因はそのチュートリアルとやりたいことが、まったく同じではないからです。 思い通りの結果を得るためには、Photoshopで使用するツールの機能と効果を理解する必要があります。1クリックや感覚的に操作するだけではなく、正しい知識と詳しい解説でPhotoshopの操作をしっかり学べるオススメの一冊を紹介します。 本書はPhotoshopでのレタッチのテクニックだけでなく、プロの仕事術としてフォトディレクションやRAW画像の扱い方や写真の光の扱い方など、写真をPhotoshopで扱う際に必要な知識が詳しく解説されています。 扱われている素材は人物写真という最も難易度が高い素材で、基本的なレタッチからデザイン

「ゼロからjQueryを学びたい人たち」が効率的に理解できるように、 1章から順に難易度が上がるステップアップ形式の解説を行っています。 また、jQuery初心者のデザイナーの視点を加えることで、 プログラミング未経験者の「つまずきやすいポイント」を押さえた内容になっています。 通常、サンプルコードは全て出来上がった状態で配布されますが、 本書ではあえて途中までのみを記載しています。 コードに余白を残すことで、サンプルをただなぞるだけではなく、 読み手の工夫次第で様々な表現を生み出すことができるようにしています。 最終章では、実際の仕事でデザイナーやエンジニアが手がけるWebサイトと同等のクオリティのページを制作します。 単なる技術の理解に終始せず、実際のサイトを制作する上でのポイントを習得することで、 Web制作における実践的な力が身につきます。 シフトブレインの取締役、テクニカルディレ

ページ作成の基本となるHTMLとCSS、レスポンシブ対応の2カラムや3カラムレイアウト、ナビゲーションやボタンなどのUIエレメント、CSSアニメーションやエフェクトなど、最近のWebサイトで使われているHTMLとCSSのテクニックがまとめられたオススメの本を紹介します。 中級者向けの内容になっていますが、初心者にも分かりやすく、実例が豊富で詳しく解説されています。 コーダーの人だけでなく、デザイナーの人も「こんなことができるんだ！」と、ワクワクするような一冊です。

HTMLとCSSの使い方は、ここ数年で大きく進化しています。 2016年1月にIEの古いバージョンのサポートが終了、ブラウザの世代交代も強制的に進み、主要ブラウザは最新のHTMLとCSSをフルにサポートした状況になっています。 HTML5とCSS3の機能をフルに活用して、多様化するWebページを実装する最新のスキルやテクニックが詳しくまとめられたオススメの本を紹介します。 「6ステップでマスターする」が一見、初心者用に見えてしまうかもしれませんが、初心者用ではありません。 HTMLとCSSをある程度理解し、スキルアップのためにコーディングのテクニックを磨きたいと考えている人に、実務レベルでの解説書です。

デザイナーをはじめ、デザインに携わる多くの人が手に取り、そしてデザインを学んだ「ノンデザイナーズ・デザインブック」の第4版が昨日(6/30)出版されました。 第4版では多くの人が待ち望んでいたであろう日本語を使ったデザインサンプルが追加され、Webページのレイアウトやナビゲーション、名刺やフライヤーなど、日本語の特徴を活かしたデザインで学ぶことができます。

単に見た目だけがよいデザインではなく、どうしてこのレイアウトなのか、なぜこの情報構造なのか、WebサイトのUI設計や情報デザインについての考え方をレイアウト・コンテンツ・ユーザビリティの視点から解説したオススメの本を紹介します。

www.shoeisha.co.jp かっこいいプロフィールページを作ってみたいと思い購入しました！ また、VimConf2015で「 Vim で書いた本 」と紹介があったのも惹かれました。 著者による紹介エントリは以下です。 yoshiko.hatenablog.jp 感想 私のHTML/ CSS の知識についてですが、業務画面を作成する程度なら問題ありません。 しかし、 HTML5 /CSS3はまったく分かりませんでした。 実際に手を動かしながら本を読み進めていきました。 基本的にはHTMLを書いて CSS で装飾してブラウザで確認の流れを繰り返す感じで、どんどんページがお手本に近づいて行くのが面白く、スラスラと読み進めることができました。 また、初めて知るプロパティなどが出てきてもONE POINTでその他に指定できる値などの紹介があり、値を変更してどう表示されるかを確認す

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books) 作者: 吉田真麻出版社/メーカー: 翔泳社発売日: 2015/11/03メディア: 大型本この商品を含むブログを見る どんな本なの？ HTMLとCSSの初心者〜中級者向けの本です。HTML・CSSの基本的な文法と一般的なタグ・プロパティ（a要素とかmarginプロパティとか）を多少知っている方であれば読めます。 イメージ的には、超初心者本の次に読むような感じ。既にHTML/CSSの最低限の知識はあって既存コードの修正やコピペはできる、けどまだいちから何か作るようなコーディングは難しい・・・というようなレベル感の方が、いちからサイトを作る経験をしながらもっと知識や理解を深めていく、というような内容

CSSを使いこなすためには文法の理解だけでなく、実際にどのように書かれているのかノウハウを蓄積することも重要です。CSSの基本となる文法をはじめ、プロパティの詳細、配置やレイアウトのテクニック、要素の作り込み、人気のインタラクションなど、CSSで必要な知識や情報を網羅した「新CSSデザインの大原則」を紹介します。 あれはどうやるの？ がすぐに分かるオススメの本です。 「新CSSデザインの大原則」は、その前身となる「スタイルシートの大原則 」のリニューアルというより一から完全に作り直されたものとのこと（編集部さんからの情報）。 旧版を愛用されてた人もきっと多くいるでしょう。