WEBデザイン 3

テストで実際に成果の出た事例だから本当にユーザーの求めているデザインがわかる。クレディセゾン、ＳＢＩ証券、ヤフー、大東建託、九州旅客鉄道、ヤマハミュージックジャパン、日本ピザハット、ブックオフオンライン…厳選３５事例掲載。続きを見る

一手間で「わかりやすく」「センスよく」最短ルートで完成度を高める１００のコツ。情報、情緒。デザインの仕上げは、２つの「情」をチューニングするだけ！続きを見る

オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持つ。ブログや雑誌記事などで大きな反響を得たこの……続きを見る

本書は、著者がこれまでに発信してきたWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。 ・HTMLやCSSの基礎を学んできて、次のステップを踏みたい ・独学で学んできたので、他人のコードを見てみたい ・無駄なコードを省き、短縮化させたい ・よく見かけるあのデザイン、どう実装すればいいのか分か……続きを見る

Webデザイナーやクリエイターから大人気！　 YouTube登録者数6.8万人超の現役Webデザイナー兼フロントエンドエンジニア、　 「HIROCODE.」による初の著書！　 　 デザインとコーディングのスキルが1冊で身につく！　 旬のデザインツール「Figma」の使い方も解説しています。　 　 この本は、知識はないけれども、Webデザ……続きを見る

「背景」や「理由」を知ることで、一生役立つ応用力が身につく。Ｗｅｂ制作入門書のロングセラー。最新仕様に合わせてアップデート。続きを見る

ｉｎｇｅｃｔａｒ-ｅがハンドレタリングのフォントを作りました！おしゃれなパーツ素材も入って、この１冊でデザインがほぼ完成！ラフな手書き感が心地よい、大人女子向けのゆる筆記体。続きを見る

ｉｎｇｅｃｔａｒ-ｅがハンドレタリングのフォントを作りました！おしゃれなパーツ素材も入って、この１冊でデザインがほぼ完成！シンプル＆キッズ向けのデザインを今っぽくポップに。続きを見る

Ｆｉｇｍａを使うなら、最初に読む本！Ｗｅｂサイト＆アプリのデザインがわかる。サンプルがダウンロードできます！続きを見る

本書はPhotoshopを使って簡単な手順でかっこいいデザインが作れる「ズボラPhotoshop」のアイデアやテクニックを1冊に凝縮したレシピ集。ズボラPhotoshopは「Photoshopやデザインを楽しんでほしい」という想いのもと、主に著者のSNSで発信されている動画のコンテンツです。操作の手順だけでなく、デザインをする上でのポイ……続きを見る

制作→共有→評価→改善。フローがわかる本。続きを見る

コーディングに適したプロトタイプが作れる！ 本書はAdobe XDを使った WebデザインとUIのプロトタイピングを、 高品質なサイトを作りながら、 現場のワークフローに沿って学んでいく本です。 ワイヤーフレームの作り方から、 デザインカンプ制作、コンポーネントの管理、 画面遷移の設計、インタラクティブなプロト……続きを見る

■初心者にピッタリの1冊 Webデザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい！ だけど、どこから勉強を始めたらいいのか、いまいちわからない……。 本書はそういった方にピッタリの本です。 ソフトバンクグループの通信制大学、サイバー大学で教鞭をとる中島先生と栗山先生が、Webページ作成の 基本から……続きを見る

書くのが面倒…。ゼロから書けない…。こんな悩みに応える！そのまま使えるＷｅｂデザインのソースコード集。続きを見る

Web業界の第一線で活躍する豪華な著者陣が、仕事に必要なWebの知識を、最新動向を踏まえて体系的・網羅的にわかりやすく解説しており、この一冊で、あなたの仕事力が格段に上がります。 この「ウェブの仕事力が上がる 標準ガイドブック 2 Webデザイン 第3版」は、WebサイトやWebコンテンツのビジュアルデザインやインタ……続きを見る

サービス・プロダクトを作る上で大切なUXライティングを学ぶ！ システムやサービス開発でも、どのような言葉やフレーズを使うかという決断はユーザを体験に惹き込むために非常に重要で、「UXライター」という職種の求人がgoogleで始まるなど、今後日本でも需要が高まると考えられています。本書では、言葉を選別・決定す……続きを見る

UXデザインとビジネス戦略をつなぐためのフレームワーク！ 「ユーザエクスペリエンス（UX）」を向上させるための「UX戦略」はUXデザインとビジネス戦略をつなぐ位置にあります。GoogleやAppleのように、1つの製品やオンライン体験にとどまらず、製品・サービス・プラットフォームの総合的な戦略を練ります。さらに、潜在……続きを見る

コードを書けない人も、書けるけど書きたくない人も、知っておいて損はない、新しいＷｅｂ制作のカタチ。続きを見る

Ｗｅｂデザイナーとして“やるべきこと”と“やってはいけないこと”をまとめた、Ｗｅｂデザインの新しいルールブック。Ｗｅｂデザインのフローとオペレーションを正しく効率化する８１のルール。現在のトレンドの基本知識。Ｆｉｇｍａ、Ｐｈｏｔｏｓｈｏｐ、ＩｌｌｕｓｔｒａｔｏｒのＴＩＰＳ。コーディングフレンドリーなデ……続きを見る

実用的なWebおよびアプリのデザインガイド！ デジタル製品のデザインに役立つ101の指針。製品のユーザビリティや性能を高める上で必須かつ基本のツボ、マスターすれば時間を節約し顧客満足度をアップできるテクニックが101のコンパクトなルールにまとめられています。メッセージが明確で説明もわかりやすいので短時間で気……続きを見る

本書は4コママンガを交えて、ユーモアたっぷりにWebサイト製作の基本を初心者向けにわかりやすく解説しています。Webサイトを制作する前の企画の段階から、HTMLやCSS、JavaScriptはもちろん、Webサイトの企画や公開、運営などについても触れています。これからWebデザイン・Webサイト製作をはじめたい人にオススメの1冊で……続きを見る

クイズを楽しみながら 資料デザインの知識を増やしましょう! 私たちが仕事を進める上で「資料」の存在は欠かせません。 簡単な打ち合わせから会場を使ったプレゼンまで、いろいろな場面で資料が登場します。 コミュニケーションツールである資料は、きちんと作ればメッセージを効率的に伝えられます。 ビジネス資料の……続きを見る

Ｗｅｂ制作入門書のロングセラー。「背景」や「理由」を知ることで、一生役立つ応用力が身につく。続きを見る

■Adobe XDとは Adobe XD（以下、XD）は「DESIGN AT THE SPEED OF THOUGHT（思考の速度でデザインする）」を開発理念に、2016年にベータ版、そして2017年に製品版がリリースされたデザインツールです。 シンプルなUIと軽快な操作性が特徴であり、WebやアプリUIのデザインに特化した機能とチームでの滑なコミュニケーション……続きを見る

モノを作るためには道具を自分の身体のように使えることが大切です。デジタルなクリエイティブの世界でもそれは同じ。創造するためには、まず技術を身につけましょう。機能やツールの使い方の初歩の初歩からはじめて、読み終わるころにはしっかりと基礎力がついているように、本当に必要な技術を選んで１５のレッスンを構……続きを見る

ＵＩを、化学の原子に見立てて設計する、Ａｔｏｍｉｃ　Ｄｅｓｉｇｎの考え方・具体的な手順からＲｅａｃｔを使った実装まで、ＵＩ設計の本質とともに１冊で解説。インターネットテレビ「ＡｂｅｍａＴＶ」のＵＩ設計を担当した著者が、現場実践をふまえて伝授する。続きを見る

ＨＴＭＬ５とＣＳＳ３を基本から学べる。レイアウトや配色などＷｅｂデザインの基礎知識を解説。企画書の作成からコーディングまでのＷｅｂサイト制作の流れを説明。続きを見る

Web系エンジニアになるための教科書が誕生! ・需要と将来性 ・単価 ・スキルの可搬性 ・ワークスタイルの柔軟性 ・フリーランス案件の充実度 ・他の職種との掛け算の容易性 ・ジョブチェンジの実現性 ・オンライン上での業務の完結性 が全て満たされている、現代における最強のチート職業である「Web系エンジニア」にな……続きを見る

専門的なデザインの勉強をしたことはないけれど、デザインの力を身につけたい人、デザインを見極める立場にいる人に。ただ読むだけでなく、クイズ形式で「考える」ことで、やさしくデザイン・レイアウトの基本をおさらいすることができます。続きを見る