67

「スマートフォン時代のWebデザインスクール」を渋谷で開催します

Web Design School: 1月開校・東京

「スマートフォン時代のWebデザインスクール」は、2017年1月26日(木)〜 2017年3月14日(火)までの毎週火曜・木曜の 20:00〜22:30 に、渋谷駅より徒歩7分の Stocker.jp / Spaceにて開講予定です。

新しいWeb技術、新しいデザイン手法、新しい端末などに対応するため、授業内容は2017年1月から完全にリニューアルした新しい内容となっております。

Adobe Illustrator CC 2015.3の新機能まとめ

Adobe Illustrator CC はマイナーアップデートでしたが、Web制作者にとっては嬉しい機能も追加されたため紹介します。

30

DOCTYPE宣言、IE対応、デザインカンプの解像度などのアンケート結果

DOCTYPE宣言はHTML5かXHTMLか、IEはどのバージョンまでサポートするか、RetinaディスプレイのPhotoshopでカンバスサイズはどうしているかなど、Web制作で気になっていたことをアンケートで調べてみました。

61

iMac Retina 5Kレビュー

この記事は、2014年10月に発売された27インチの「iMac Retina 5Kディスプレイモデル」のレビューです。
これまで、自宅で作業する時は MacBook Air に Apple Cinema Display 20インチを接続して作業していましたが、それとは比べものにならないほど快適で、「もっと早く買えばよかった」と思っています。

80

ブログのスマートフォン対応の際に考えたこと

遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。
この記事では、その際に考えたことや工夫したことなどをまとめています。

「PhotoshopでWebデザインするときの悩み」にスクーの生放送で答えます

普段PhotoshopでWebデザイン制作をされている方でも、意外とできないことがあって悩んでいたり、効率のよいやり方がわからず困っていることがあるかもしれません。

この授業では、事前に「PhotoshopでWebデザイン制作するときの悩み」を投稿していただき、スクーの授業にて、その解決方法を実際の操作を交えながら生放送でお話しします。

408

GoogleとAdobeのフォントNoto Sans(Source Han Sans)の画期的なところ

2014年7月16日に、Google と Adobe がリリースした Noto Sansというオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。

85

WebデザイナーのためのPhotoshop CC 2014の新機能まとめ

この記事は、Photoshop CC 2014 の新機能をWebデザイナー視点からまとめた記事です。
6月19日の「Adobe Create Now 2014」および、6月23日の「アドビ 報道関係者向けCreative Cloud 最新製品 デモセッション」で聞いた話を含みます。

Photoshopで選択範囲に段落テキストを作成するスクリプト

Photoshop で段落テキストを作成する時、数値を指定して作成するのは地味に面倒だったりします。
そこで、「長方形選択ツール」などで選択範囲を作成し、実行するとアンチエイリアスなしの段落テキストを作成するスクリプト(JSX)を作成しました。

68

Photoshop CCの画像アセット機能でSVGを書き出す裏技

SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。
しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。

80

WebデザイナーのためのPhotoshop関連記事まとめ

これからPhotoshopでWebデザインを始めたい方から現役Webデザイナーの方向け。
Fireworks からの乗り換えの方向けの記事からより速く制作するためのテクニック、Adobe が開発中の CSS をコピーしたり画像アセットをダウンロードするためのWebアプリなど。

95

Web制作者必見!Photoshop CCにSlicyのような画像アセット(Generator)機能が追加

2013/9/9 に、Adobe Photoshop CC がバージョン 14.1 にアップデートされました。
アップデートされた機能の中で、Web制作者にとって重要なのは画像アセット(Generator)機能だと思います。
この記事では、Generatorの使い方、使ったほうが良いケースと使わないほうが良いケース、問題点やバグなどについて解説しています。

Webデザインに役立つ3つのiPadアプリ

私が iPadを購入してから1年経ちました。想像以上に使い道が多くて毎日のように活用しています。
以前は自炊&電子書籍ビューアについて解説しましたが、今回はWebデザインで活用しているアプリについて解説したいと思います。

46

Illustrator CC、Dreamweaver CCの新機能とバグまとめ

Adobe Illustrator CCと、Dreamweaver CCの新機能とバグのまとめ記事です。
Illustrator CC の新機能とバグについては、主に Illustrator Mania というサイトの管理人であり、Illustrator のお祭り dot-ai にも出演された鈴木さんにお話いただきました。

80

「プロになるためのWebデザイン入門講座」を執筆しました

私が執筆した「プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド」が7月24日に技術評論社より発売されました。
この記事では、書籍の内容について詳しく解説しています。

プロになるためのWebデザイン入門講座

35

Adobe Photoshop CCファーストインプレッション

Adobe Photoshop CC がようやく公開されたので、早速レポートです。
Photoshop CCは、見た目はほぼ Photoshop CS6 と同じですが、パネルを使用したシェイプサイズの変更や角丸の再編集など、Webデザイナーにとっても地味に便利な機能が追加されています。

617

「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について

Fireworks からの移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。
なぜそう言えるのかについて、簡単にまとめてみました。

91

「Webデザインの基礎と実習」の無料動画講座を開講します

4/11(木)21:00より、schoo(スクー)というオンライン動画スクールで「Webデザインの基礎と実習」という講座を3週連続で行ないます。
生放送には Ustream を使用しており、どなたも無料で視聴頂けます。

275

うわっ、日本のWebデザイナーの年収、低すぎ…?

昨日、Webクリエイターボックスの「世界のWebデザイナーのお給料はいかほど?」という記事が話題になっていました。
「他の国とくらべて日本のWebデザイナーの年収は低すぎる」とか「海外に脱出するしかない」と嘆いている方がかなりいらっしゃったようですが、こういう見方もありますよ、ということで記事にまとめました。

30

Photoshopで長方形などのシェイプを移動・変形・複製するJSXをアップデート

PhotoshopでWebデザインカンプなどを制作している方にはかなり役立つ、「シェイプを移動・変形・複製」するJSXをアップデートし、シェイプを移動・変形・複製する際に、まれに数値のズレが発生するバグを修正しました。 …

52

¥2,200/月で最新のPhotoshopが使えることをご存知ですか

「Photoshop を使ってみたいけど高すぎる」と思っている皆様は、「月額 ¥2,200 で最新の Photoshop を利用できる」ということはご存知でしょうか。
これは、アカデミック(学生向け)ライセンスではなく、どなたでも利用でき、もちろん Adobe が提供する正規のライセンス です。

103

私の愛したフォント「AquaKana(アクアかな)」 #LOVEFONT

AquaKana は、OS X(Mac の OS)のメニューやタイトルバーなどの UI に使われているフォントの名前です。この記事では、AquaKana の解説と、商用利用OKか、利用するにとどうすればよいかなど解説しています。

43

Fireworks CS6 の進化したところと不具合まとめ

さて、前回に続き、今回は WebデザイナーのためのAdobe CS6検証会 から Fireworks CS6 の情報まとめです。 Fireworks CS6 は、6月から私と一緒に Webデザインスクール の講師をされる …

74

Photoshop & Illustrator CS6 の進化したところと不具合まとめ

5月27日に、渋谷 LightningSpot にて Webデザイナーのための Adobe CS6 検証会 をひらきました。この記事では、そこで出た話の中から Photoshop CS6 と、Illustrator CS6 の進化したところと不具合などについてまとめたいと思います。

891

これからWebデザインの勉強を始めたい方のためのまとめ

これからWebデザインやコーディングの勉強を始めたい方、またはWebデザイナーになったばかりの方向けのまとめ記事です。 「無料で始められる…」とか「本を買わなくても…」などのテーマにしようか迷ったのですが、無料ではじめら …

133

[連載]Webデザイン入門(3:光とボタン)

3日目の講義ではちょっとしたボタンを制作したのですが、テキストに載っていたボタンがちょっとおかしな感じだったので、反射光に関して簡単に説明してから、反射光を取り入れたボタンを制作しました。 ちょっとおかしな HOME ボ …

364

[連載]Webデザイン入門(2:スケッチしよう)

私は、職業柄(?)プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。 そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めてい …

1098

[連載]Webデザイン入門(1日目)

本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweav …

731

MacのKeynoteでプレゼンする際に気をつけていること

先日の WordCamp KOBE では、Mac の「Keynote」というプレゼンテーションソフトを使ってプレゼンしたのですが、その際「なつきさんは iPhone をタップしながらプレゼンしてる?」など気になるツイート …

598

WordPressサイトをデザインする時に気をつけていること

この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起 …

ブログをリニューアルし、ポートフォリオを公開しました

ご覧のとおり、このブログ(Stocker.jp / diary)をHTML5でリニューアルしました。 今回のテーマは「紙のように軽く、昔の雑誌のように上質で、見る人の印象に残るページ」とし、h1〜h3の文字詰めにこだわり …

[プレスリリース] 無料で商用利用可、著作権表示不要の「フリー写真素材 :: Free.Stocker」が正式サービスイン

 Webサービス開発を行う Stocker.jp(ストッカードットジェーピー:東京都世田谷区)は、2011年4月6日(水)に 無料 商用利用OK 著作権表示およびリンク不要 改変OK 日本語および英語でのキーワード検索が …

無料写真素材サイト Free.Stocker を公開しました

既にご存じの方も多いかと思いますが、無料の写真素材サイト Free.Stocker をオープンいたしました。 どなたでも、無料・著作権表示不要・商用可・改変可でご利用頂けます。

2467

[Webデザイン] 文字組みについて本気出して考えてみた

これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的 …

807

年末年始にWebデザインを学び直すための3つのステップ

この記事は、以下のような方を対象にしています。 現在Webデザインを仕事にしていて、さらにデザイン力をつけたい方 今はSEやコーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方   私は元々Webデザイ …