本書は、Web ブラウザにおける本格的な GUI の入門書です。Web ブラウザに期待される役割は年々増してきています。ネイティブアプリ顔負けのデザインツールや、ドラッグアンドドロップでの操作が必要なフォームを作りたくなったとして、我々は何に気をつけるべきなのでしょうか？これまで HTML / CSS / JavaScript で実装するのが大変だった UI をどう実装するべきなのでしょうか？この点を本書は重点的に扱います。本書では定番のセレクトボックスやヘッダーレイアウトの他、バウンディングボックスやツリーといったドラッグを伴う UI なども実装していきます。苦しくも楽しい、Webブラウザの複雑なGUIの世界に、エディタとブラウザを開きながら足を踏み入れてみましょう。

2,200円

【POD】入門GUI

ユーザーとして知っておきたいWebページの基礎を学び，シンプルなWebページを自分で構築できるようになる一冊。写真や動画の挿入法など，学んで楽しい技術を多数紹介する。大学の講義用テキストに最適です。 1 Webページとは 1.1 Webページの概要 1.2 Webページの作成 1.3 Webページの表示 2 HTML 2.1 HTMLの概要 2.2 文書 2.3 文字 2.4 箇条書き 2.5 背景 2.6 画像 2.7 リンク 2.8 表 2.9 音声・映像 3 CSS 3.1 CSSの概要 3.2 セレクタ 3.3 CSSによるデザイン 3.4 外部ファイルへのCSSの記述 4 JavaScript 4.1 JavaScriptの概要 4.2 基本的な利用 4.3 変数と制御構造 4.4 イベント・関数・フォーム 資料1 標準16色 資料2 カラーチャート216色

2,090円

はじめてのWebページ作成　HTML・CSS・JavaS…

実用的なWebおよびアプリのデザインガイド！ デジタル製品のデザインに役立つ101の指針。製品のユーザビリティや性能を高める上で必須かつ基本のツボ、マスターすれば時間を節約し顧客満足度をアップできるテクニックが101のコンパクトなルールにまとめられています。メッセージが明確で説明もわかりやすいので短時間で気軽に読むことができます。101のルールは、タイポグラフィ、コントロール、カスタマージャーニー、各種要素の統一、UX全般に関わるプラクティスに分類されているのでリファレンス的に読むことも可能です。「よくある落とし穴」を巧みに回避し、自信をもってユーザーのために闘い、すばらしいユーザーエクスペリエンスを提供するプロへと成長させてくれる一冊です。

2,420円

インタフェースデザインのお約束…

色彩の基本とルールから配色レイアウトのアイデアいろいろ。イラレ・フォトショップのワンポイント解説付き。

2,398円

知りたい配色デザイン…

Webデザインの作業フェーズ・業務シーンごとに、 「Adobe Photoshop」と「Adobe Illustrator」の 便利な使いこなし方やノウハウを解説する本です。 Webにまつわるビジュアルをより魅力的なものにするために、 あるいはWeb制作を効率的に行うために必要となるテクニックを 目的に沿って作例を用いながら解説します。 Webデザイン初心者、Webデザインに活動範囲を 広げたいと考えているグラフィックデザイナーはもちろん、 簡単な素材の制作や写真加工を行う必要があるプログラマーや コーダーにとっても有益な内容です。 Adobe Creative Cloud 2020/2019対応。 ※教材データはインターネットからダウンロードする必要があります。 【CONTENTS】 ●CHAPTER 1 Webデザイン+Photoshop+Illustratorの基礎知識 印刷物のデザインとは違ったセオリーやルールなど、 Webデザインの基礎知識について解説! ●CHAPTER 2 ワイヤーフレーム制作で使えるテクニック Webページに要素をどう配置するのかを表した大枠(ラフレイアウト)である 「ワイヤーフレーム」制作の際に役立つテクニックについて解説! ●CHAPTER 3 画像処理に使えるテクニック 印刷物のデザイン時にも活用できる基本的な画像の補正や加工から、 Webの機能を盛り込んだ表現まで幅広く解説! ●CHAPTER 4 パーツ制作で使えるテクニック アイコンやロゴ、囲み罫、背景パターン、バナーといった Webページを構成するパーツを効率よく制作する方法を解説! ●CHAPTER 5 カンプ制作で使えるテクニック 補正や加工を施した画像や、作成したパーツを組み合わせて デザインカンプとして仕上げる際に必要なテクニックを解説! ●CHAPTER 6 コーディン向けに使えるテクニック 編集・作成した画像、パーツ、デザインカンプなどをWebページに適した形式や、 コーディングに適した状態で書き出す際のテクニックについて解説!

2,640円

WebデザインのためのPhotoshop＋Illustr…

雰囲気を伝える「イメージ写真」、商品の特徴を伝える「説明写真」、どちらもそのデキが、サイトの印象や売上を左右します。写真のプロでなくても知っておきたい、撮影の段取りから準備、テクニックをまとめました。

2,508円

Web制作と運営のための写真撮影＆ディレクション教本…

ＸＤによるＵＩデザインとプロトタイピングの基本の「き」が身につきます！１５レッスンで基礎から一歩ずつ応用まで。レッスン後に成果を試せる練習問題つき。レッスンデータをダウンロードして操作を実践。

2,728円

Adobe　XD　UIデザインとプロトタイプ制作の教科書…

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

2,728円

Illustrator　＆　Photoshop　＆　XD…

体験をデザインするって、どういうこと？ユーザーエクスペリエンスをはじめて学ぶ人のために、ＵＸデザインの概要、仕事の実際、スキルアップと学習方法、就職する方法などについてまとめたＵＸデザイナーになるためのやさしい教科書。ＵＸデザインを仕事にするガイドブック。

2,200円

UXデザインのやさしい教本…

Ｈｕｇｏを使って低コストでサイト構築・運用！

2,200円

【POD】Hugoで始める静的サイト構築入門　静的サイト…

本書は「UX」と「理論」という2つの側面から、Webサイトを制作・デザインするときに必要な考え方や法則をまとめました。 何かをデザインする際にツールを思いのままに使いこなせるようになることも重要ですが、デザインするための考え方や法則を学ぶことはさらに重要です。 なぜWebサイトが必要なのか、なぜこのレイアウトなのか、なぜこの色なのか……。このような問いに対して、ユーザー視点に立って根拠にもとづくデザインができるようになるための法則が、本書に簡潔にまとめられています。 本書は、「UX」とは何かを解説する章から始まり、徐々にUX設計の方法へと展開していきます。 そしてその設計したUXから、WebサイトのUI設計への話を進め、具体的なデザイン手法の解説を行っていきます。 【本書を読むメリット】 ・理論に基づいたデザインが実装可能になる ・人間心理をベースに、デザインの良し悪しを判断することができる ・UX設計からUIデザインにする方法が学べる ・Webでのデザイン思考が身につく 【内容】 第1章　デザイン思考とWebデザイン 第2章　WebデザインとUX 第3章　ビジネスモデルのデザイン 第4章　サイト構成のデザイン 第5章　情報のデザイン 第6章　ユーザー導線のデザイン 第7章　画面設計のデザイン 第8章　ユーザー操作とモバイルのデザイン 第9章　ユーザーの感性に訴えるデザイン

2,739円

ノンデザイナーでもわかる　UX＋理論で作るWebデザイン…

Webデザイナーとしてやっていくのに必要なすべてを網羅！ Webデザイナーを目指すなら、HTML／CSSの知識とスキルは不可欠です。でも、それだけではありません！ デザインするだけで仕事になるのは、Webデザイナーの中でもほんのひと握り。「Webサイトを作りたいんだけど……」とクライアントに言われて引き受けた案件を無事に納品するには、Webページをデザインする以外にもたくさんの仕事があります。 それを、仕事をしながらひとつずつ調べていくのは負担でしかありません。だから、仕事のすべてを先に学んでおきませんか？ 勉強するのがHTML／CSSだけでは足りません。Webデザイナーで食っていきたいなら、そのすべて学んでおきましょう！ 本書で学ぶのは、案件を引き受けた直後から、納品できる状態のWebサイトを構築するまで。最も最初の段階は、クライアントにヒアリングして要件を定義するところからです。クライアントが作りたいのはコーポレートサイトなのか、ランディングページなのか、オウンドメディアなのか、あるいは別のWebサイトか？正しくクライアントの意図を聞き出して要件を定義するのに、適切な方法を紹介します。 最も重要なのがプロトタイピング。ここでは業界標準のツールである「Figma」の使いこなしが必要です。要件に基づき、クライアントの要望を取り入れながら、Webサイト全体の構成を固めながら、個々のページの動作や遷移を決めていきます。 プロトタイプがきちんと作れれば、HTML／CSSで実装します。デザインの基本は重要ですが、独創性のあるデザインが求められているわけではありません。クライアントが要望するWebサイトやWebページを作るのが重要です。そのために必要な知識と、要望を形にするための最短距離を指南します。仕事ですから、時間は重要。最速で正解に到達するための手法を紹介します。 多くの案件では、デザインして終わりでは済みません。Webサイトとして公開するまでがお仕事です。ただ、Webデザイナーがインフラにもくわしくなれというのは困難です。そこで、WordPressでのサイト構築を武器にしましょう。これなら、専任の管理者がいないクライアントでも運用が可能です。 本書では単なる仕事の紹介ではなく、仕事の進め方だけでもなく、実際に仕事を進めていくうえでの技術的な知識とスキルも身に付けられるよう構成しました。「Figma」「WordPress」といった無料で使えるツールだけでなく、「Illustrator」「Photoshop」にも精通できるよう、また「PHP」「jQuery」など、いずれ知っておくと武器になるWebプログラミングも簡単に紹介しています。 プロのWebデザイナーを目指す人なら、ぜひ本書でその第一歩を踏み出してみませんか。

2,860円

ゼロからはじめるWebデザイナー…

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

2,750円

Webデザインの新しい教科書改訂新版…

考えながら、作りながら、習得する。 プロではないけれどWebサイトをデザインしたり運営したりしなければいけない人のための、Webデザインの学校です。 たとえば、こんなこと、ありませんか？ ●会社やお店のWebサイトを作ったけれども、「デザインのセンス」がなくイマイチ見栄えがしない。集客のためにもサイトのデザインをどうにかしたい！ ●費用をおさえるため、テンプレートを使ってWebサイトを作ってみたが、更新しているうちにレイアウトが崩れてしまったまま……どうしよう！ ●Webサイトのスマートフォン対応がよく言われているが、実際どのように作ればいいのか、サイトの作り方や対処法を優しく教わりたい ●最近流行のWebデザインやトレンドについて、いまひとつつかめてない。まとめて読める、やさしく教えてくれる本はないのかな？ ……そういう悩みに、本書はばっちり効きます。 本書は3つのコースでできています。 Part 1「Basicコース」では、Webサイトが表示されるしくみや、現在のWeb制作・運営者が知っておきたい基礎知識をコンパクトにまとめ紹介します。 Part 2「Drillコース」は、問題形式でWebデザインのコツを掴んでいきます。「リンクがわかりやすいのはどちら？」「見やすいナビゲーションはどちら？」「文字が読みやすいのはどちら？」などの問題が出されますので、2つのデザインを見比べて、ぜひ考えてみてください。問題を自分で考え、その後で解説を読むことで、単に解説を読むだけよりも、深く納得感を持って理解でき、「デザインを考える力」が身につくようになっています。 そしてPart 3「Tutorialコース」は、チュートリアル素材を使って、レスポンシブWebウェブを制作する、誌上ハンズオンセミナーとなっています。 本書で使用するのはデジタルステージが販売しているBiNDというソフトです。BiNDは、HTMLを書く知識がなくても、洗練されたデザインのWebサイトが短時間で作れるホームページ作成ソフトです。 自動でスマートフォンサイトに最適化するレスポンシブWebにも対応しています。 「Drillコース」で学んだWebデザインのノウハウの実践編となっていますので、ぜひ取り組んでみてください。 チュートリアル用の素材は、本書サポートサイトからダウンロードできます。

2,508円

ドリル式　やさしくはじめる　Webデザインの学校…

常に進化し続けるＷｅｂデザイン、その最新潮流を把握する。ビジュアル、キーワード、解説で読み解く。

2,200円

Webデザイン、これからどうなるの？…

2,420円

だれでもWebデザインができる本増補改訂版…

Ｗｅｂ制作の現場では続々と新しい技術が生まれ、さらに古い技術が淘汰されています。とくに近年はマルチデバイスへの対応が必須となっていることから、Ｗｅｂサイトの形態や求められる役割も様変わりしました。本書はこのような変化を踏まえ、２０１４年刊行の大人気書籍をリニューアル。改めて“いまの現場”の常識をまとめています。

2,420円

現場のプロが教えるWeb制作の最新常識アップデート版…

レイアウト・ナビゲーション・カルーセル・フォーム、レスポンシブではこうする。レスポンシブＷｅｂデザインでどのように構築していくか、基本的なレイアウトから各パーツの作り方まで、現場で本当に使われている手法を解説。ＷＡＩ-ＡＲＥＡにも対応したこれからのスタンダードです。

2,530円

プロが教えるレスポンシブWebデザイン現場のメソッド…

紙とデジタルメディアの違いに改めて学ぶ、伝わるコンテンツづくりのコツ。

2,640円

WEBデザインメソッド

Ｗｅｂデザインの仕事をしているけど、実はよくわかってない。基本をキッチリおさえておきたいけど、いったいどこが大事なの？もっと効率のいい方法はない？日々の仕事で遭遇しがちな疑問に、１０人のプロがわかりやすく答えます。レイアウト、配色ルール、ＨＴＭＬとＣＳＳ、ＳＥＯ、画像補正と言った基本的な知識はもちろん、スマートフォン対応やＨＴＭＬ５についてなど業界最新事情もしっかり解説。また知らないとソンするＰｈｏｔｏｓｈｏｐやＤｒｅａｍｗｅａｖｅｒの効率化テクニックも満載です。これから知識を得ようという初心者の方はもちろん、すでに現場で働くデザイナーさんにも役立つ１冊です。

1,980円

Webデザイン・フォーラム…

本書はWebページ制作に必要な知識、HTMLとCSSを一から学びたい方のための独習書です。現在主流となりつつあるHTML5の基礎的なWebページ制作に使われるタグを元に解説しています。付属のCD-ROMの作例を使いながら実際に記述しながら学べるので、サイトをはじめから作りたいと考えているには短期で学ぶことができます。記述に必要な無償のエディタも収録。この1冊でHTML、CSSの基礎が身につきます。

2,838円

速習WebデザインHTML＆CSS…

ビジュアルデザインの基礎から、情報構造設計、ＨＴＭＬ５、ＣＳＳ３、アクセシビリティ、プログラミングなどの実装まで。

3,740円

Webデザイン第2版

本書では、中小企業等における、基幹業務開発のために、Office365を活用し、Web Access 2013を実習できるようになっています。 従来Accessを使ったことがある方、あるいは、IT技術者の方々にとりましては、この書籍を読むことにより、直ちに開発に取り組めるようになります。 当書籍はモノクロ版ですが、カラー表現があります。ご迷惑をおかけしますが適宜ご判断ください。

3,300円

【POD】Web Access 2013 実習書（初級）…

2,640円

例題で学ぶWebデザイン入門…

読みながらソースコードを書き進める構成。制作過程を省略せず、ていねいに解説。基本から現場のノウハウまで習得できる。

3,080円

HTML＋CSSワークショップ…

【対応ブラウザで迷っていませんか？最新ブラウザ対応で気持ちよくコーディングしましょう！】 本書は、ウェブブラウザシェアの約95％を占める最新ブラウザ（IE11、Chrome、Safari、Firefox、Edge）向けのCSSを駆使することで、作りたいものが作れる、やりたいことができる＝気持ちよくウェブ開発のコーディングを行うためのノウハウ集です。 〈本書の対象読者〉 CSSとHTMLをある程度知っているデザイナー IE6〜8時代にコーディングしていたコーダー 楽な書き方をざっくり知りたいエンジニア

1,980円

OD＞最新ブラウザ対応で気持ちよく書くCSSデザイン…

【ウェブフォントの基礎から最適化まで、なんでもござれの一冊！これを読めばあなたもウェブフォントマスター！】 本書は日本語でのウェブフォントを使う際の様々な最適化の手法について詳しく紹介しています。「重い」「使いにくい」といったウェブフォントへの抵抗感を払拭し、ウェブサイトを「おしゃれ」に楽しみましょう。 〈本書の対象読者〉 ウェブフォントを使いたいと思っているフロントエンドエンジニア、ウェブデザイナー

1,540円

OD＞誰でもつかえる！ウェブフォント実践マニュアル…

3,080円

CSS　優良デザイン✕アイデア事典　プロがシェアする現場…

このサイトのデータは 2025/12/16 19:36:35 に楽天APIから取得しました。このサイトで掲載されている情報は shopping.ago-go.org の作成者により運営されています。 価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格が、その商品の販売に適用されます。