はてなブックマーク

いまや誰もがスマートフォンでアプリを使う時代、アプリ開発の需要は高まり続けています。Webデザイナーやフロントエンドエンジニアにとってネイティブアプリの開発は難しいイメージがあるかもしれませんが、Web開発の知識と照らし合わせながら学習すれば怖いものではありません。 このLESSONでは、「WebデザイナーのためのiOSアプリ開発入門」と題し、アプリ開発の経験がないWeb制作者がXcodeの使い方 メンバー登録してください いつもWPJのご利用ありがとうございます。 この記事は、読める記事数の上限に達したか、プレミアムメンバー限定のため、お読みいただけません。フリーメンバーに登録すると読める記事数を増やせます。

スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこ メンバー登録してください いつもWPJのご利用ありがとうございます。 この記事は、読める記事数の上限に達したか、プレミアムメンバー限定のため、お読みいただけません。フリーメンバーに登録すると読める記事数を増やせます。

前回はSketchのインストールから起動、ライセンスの認証まで進めることができました。第2回ではSketchの基本的な機能と操作を解説します。 なお、SketchのUIは英語ですので、Photoshopなどでなじみのある日本語の名称も併記しています。ショートカットキーも併せて記載していますので、ぜひ覚えていきましょう。 各ウィンドウの名称と概要を押さえよう 各ウィンドウの名称と簡単な役割は以下になります。 Menu Bar（メニューバー） メニューバーにはSketchで扱えるほぼすべての機能が格納されています。慣れないうちは、どのような機能が隠れているのか、端から1つずつ試してみるのもよいでしょう。 Tool Bar（ツールバー） ツールバーにはデフォルトでよく使う機能が配置されています。ツールバー上で右クリックをすると配置をカスタマイズできますので、使っていく中で自分好みに調整するのもよ

スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基本的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か？ はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現

Photoshopはもともと写真編集のためのソフトでしたが、印刷物やWebのデザインツールとしても使われるようになり、いまではデザインツールとしても多く使われています。このLessonでは、iPhoneアプリを題材として、PhotoshopでUIをデザインする方法を紹介します。 アプリのUIデザインのワークフローを知ろう Webサイトの制作では、PhotoshopでのデザインからHTMLやCSSに メンバー登録してください いつもWPJのご利用ありがとうございます。 この記事は、読める記事数の上限に達したか、プレミアムメンバー限定のため、お読みいただけません。フリーメンバーに登録すると読める記事数を増やせます。

このページは、『神速Photoshop［Webデザイン編］』（株式会社KADOKAWA刊）のサンプルファイルダウンロードページです。 サンプルファイルは以下からダウンロードできます。利用にあたっては、本書の8ページをご確認ください。

このページは、『レスポンシブWebデザイン　マルチデバイス時代のコンセプトとテクニック』（アスキー・メディアワークス刊）のサンプルファイルダウンロードページです。 サンプルファイルは以下からダウンロードできます。利用にあたっては、本書の10ページをご確認ください。

このページは、『Web制作の現場で使う jQueryデザイン入門[改訂新版]』（アスキー・メディアワークス刊）のサンプルファイルダウンロードページです。 サンプルファイルは以下からダウンロードできます。利用にあたっては、本書の9ページをご確認ください。