「モダンWebデザインワークフロー2019」というWebデザインの勉強会のLTとして私がお話しした内容をまとめたものです。DesignerはFireworksと特徴が似ていて、Fireworksが好きだった方にとって後継アプリとして使いやすいのではないかと思っています。私はなぜかFireworksが嫌いな人と思われているようですが、この本の最後に「Fireworksを使っていたが、Photoshopで制作したい」と書いたためではないかと思っています。私はFireworksには結構思い入れがあります。2Jでデザインしたからです。2009年から2012年頃「スキューモーフィズムのWebサイトをデザインするときはPhotoshopがもっとも適しているのではないか」と考えていました。この本はその頃に書いたものです。その後スキューモーフィズムが廃れてフラットデザインやマテリアルデザインの時代になると、私は「もしかしたらFireworksのようなアプリが再び返り咲くかもしれない」と考えていました。私が思うFireworksの特徴はこの辺りです。私は、Fireworksが返り咲くためにはこの2つの機能は絶対に欲しいと思っていました。残念ながらこれらの機能は搭載されないまま開発が終了してしまいました。Designerを使い始めました。Designerの特徴はこんな感じです。Fireworksと結構似ていますね。画面左上のアイコンをクリックすると[写真ペルソナ]というラスターデータを扱うためのモードに切り替わり、写真編集などができるようになります。Designer形式で保存しなおすと、平均70%から80%程度、画質はそのままでファイルサイズが小さくなります。スライスからSVGの書き出しやRetinaディスプレイ対応はもちろん、SketchのようなレスポンシブWebデザインカンプ制作の機能もあります。Photoshopのような[調整レイヤー]や[レイヤースタイル]、人物写真やペットなど複雑な形の写真を楽に切り抜くための[境界線の調整]機能もあります。Affinityならではの機能としては、Windows版・Mac版・iPad版のファイル形式が共通なので、たとえば「自宅でMacを使ってデザイン制作をしたのちiCloud経由でiPadで続きの作業をして、また自宅のMacで仕上げ」といったことが可能です。Photoなどをの日本語解説サイトをつくりました。CCでデザインしている方が初めてAffinityを使う時に、「環境設定をどうすればIllustrator風にできるのか」とか、「どうすれば縦書きできるのか」などの日本人の方から良くある質問をまとめています。リンクも掲載しています。よろしければご覧ください。スマートフォン時代のWebデザインスクールを渋谷で開講します2020年1月から、「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンを渋谷で開講します。XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。使ったことない方向け)です。初回体験レッスンは1,000円でご参加いただけます。XDによるプロトタイピング」「Instagram風のプロトタイプ制作」などを行います。「スマートフォン時代のWebデザインスクール」のページよりお気軽にご参加ください。PHP徹底入門講座・WordPressカスタマイズ講座を開きます「PHP徹底入門講座」は、「HTMLはわかるけどプログラミングは未経験」の方向けの日曜講座です。プログラミングを始めてみたい方は、まずはこちらへどうぞ。別途、「WordPressカスタマイズ講座」も開講します。管理画面から更新可能な中小企業サイト」制作までやります。スマートフォンやRetinaディスプレイに対応した新しい内容にリニューアルしました。渋谷にお越し頂くのが難しい場合、ご自宅で動画受講も可能です。入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。WordPressPCのメールアドレス:Twitterでは、Web制作に関する最新情報をツイートしています。FireworksAboutフリーランスのWebデザイナーです。東京の下北沢で、うさぎと一緒に暮らしています。渋谷で「スマートフォン時代のWebデザインスクール」の講師をしています。「スマートフォン時代のWebデザインスクール」を東京・渋谷で平日夜に開催します「スマートフォン時代のWebデザインスクール」は、2020年2月から平日夜開催!初回体験レッスンも開催します。XDをはじめ、新しいWeb技術やデザインワークフロー、新しい端末などに対応するため、授業内容はリニューアルし新しい内容となっております。2020年2月に「WordPressカスタマイズ講座」を開きます以下の方を対象として「WordPressカスタマイズ講座」を開きます。AppはAndroidのホーム画面にあるGoogle検索フォームのことである」と解説している記事が多いですが、どうも数が合わないと思って調べた結果、別の結論に至ったのでこの記事にまとめています。Edgeの正式版がリリースされました。いえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。...「Webデザイナーはコーディングできるべきか」という議論に対する私の考え過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。「Web制作に役立つIllustrator入門講座」という無料講座を開催しますIllustratorを使用したことがない方やWeb制作は未経験の方に向けて、Web制作でIllustratorをどのように使うのか、Photoshopとどのように使い分けたらよいかという話からGoogleのマテリアルデザインと呼ばれるデザイン手法の話、マテリアルデザインに基づいたアイコン制作をIllustratorで行う実習などを行います。フィルムカメラで撮影した写真を自分で現像・プリントしてみたフィルムで撮影した新宿の写真を自分で現像・紙焼きしたところ、数十年前に撮影した写真のような不思議な雰囲気になりました。2019年12月の、これだけは押さえておきたいWeb関連の動き「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。年末年始にWebデザインを学び直すための3つのステップこの記事は、以下のような方を対象にしています。