みなさん、こんにちわ！
ジャングルオーシャンのラファエロです！
今の時代、Webデザイナーを目指す人は多くいるかと思いますが、
紙（DTP）のデザイナーからWebデザイナーへ転向する方も多いのではないでしょうか？
実はラファエロもDTPを少しかじってからWebの勉強を始めました！
そんな“紙”から“Web”へ転向したデザイナーさんが思うであろう“あるある”をラファエロの妄想も含めて50連発でご紹介します！
“紙”から“Web”へ転向したデザイナーあるある50
1. これからはWebの時代だ！と何も分からないくせにWebの世界へ
異動で仕方なくWebの部署へ行くことになってしまった人も多いかもしれませんね。
2. DTPやってたらWebも出来るだろ！と最初は正直舐めていた
Webのこと全然分からなすぎてDTPデザインもWebデザインもやってることはそんなに変わらないだろと思ってました。
3. 余裕ぶっこいてたら、転向早々に「あれ？」ってなる
あれ？ちょっと様子がおかしいぞ。。
4. 使い慣れてるIllustratorよりもPhotoshopがメイン
DTPやってると、Illustrator＝デザインデータ作成で、Photoshop＝写真加工or画像作成なイメージ。
5. てか、ほとんどPhotoshop
今はIllustratorもWebデザイナー向けの機能増えましたが、やはりPhotoshopで作業する人が多いですよね。
6. この時点で違いすぎて困惑する
マジで困惑。
まぁ、会社の仕事だと他のデザイナーさんと合わせた方がいいので大多数が使ってるPhotoshopで作業するか。。
7. Photoshopでデザインを作ることに慣れず自信を失う
DTPだとPhotoshopだけでデザインデータを完結させることってほぼないですからね〜。
8. Photoshopでデザインを作るとレイヤーが多くなってイライラ
ちゃんとパーツごとにフォルダ分けするなど綺麗なレイヤー構成にしましょう。
9. ちょくちょくイラレと仕様が違くてさらにイライラする
なんで同じAdobe製品なのに同じことを同じようにできないんでしょうね。。
10. もぉ！なんでShift押してるのに比率固定されないんだよ！？怒
IllustratorはShift押しながらバウンディングボックスでサイズ変更すると比率固定なのに、PhotoshopはShift押しながらだと比率固定されないっていう謎仕様。
もう慣れちゃいましたけど。。
11. でも、デザイン作りながら写真加工できるのは楽だなぁと思う
IllustratorをPhotoshopを行ったり来たりする頻度は少なくてちょっと楽な気がします。
12. え、解像度72dpiでいいの！？
解像度をあまり気にしなくていいのは神。
13. でも、やっぱりRGBに慣れない
色補正がしづらいです。。
14. CMYKが恋しくなる
シアン！マゼンタ！イエロー！墨！！！
15. 16進数… だと…
何それ？美味しいの？？
16. そして、pixelのサイズ感がイマイチ良く分からない
1pixelって何mm？何cm？？
17. なぜmmじゃないのかと叫びたくなる
A4とかB3とか定型の紙のサイズは縦横何mmか頑張って覚えれたんだけどなぁ。。
18. ん？ XD? Sketch?? Figma??? ちょ、ちょっとタイム!!
UIデザインやプロトタイピングに特化したツールが進化しすぎて、こっちツールも使えないとヤバくなってくる。
19. 知らないデザインツールがいっぱいある
代表的なXD、Sketch、Figma以外にもデザインツールがいっぱいあってデザイナー間でたまに論争が巻き起こる。
20. そして、コーディングの工程で絶望する
デザインもコーディングも両方やる人増えてますよね。
というか、デザイナーもコーディングくらいできるっしょって言われがち。。
20. とりあえず、HTMLが分からなすぎる
タグで囲むとできるやつ？だよね？？
21. CSSでさらに分からなくなる
color？で文字色なの？？
22. JavaScriptとか異次元
じゃばすくりぷと？？？
23. けど、ちょっと分かってくると楽しくなってくる
なるほど！フレックスボックス便利やん！！
24. なんか思い通り出来た時の達成感は中毒になりそうになる
なんか、、意外とコーディング楽しいぞ。
25. というか気付いたら中毒になってる
もっと勉強しよう！ ドットインストール全部見よう！！ Progateやってみよう！！！
26. 他サイト見て「この動き実装したい！」ってなってる
このフワッとする動き面白い！ このシュッって動くのカッコいい！！ めっちゃ実装してみたい！！！
27. 無駄に色んなサイトのソースを見るようになる
はえー、こんな感じになってるんだ。すげー
28. デベロッパーツール楽しい♪
29. ソースの中に隠しメッセージ見つけるとテンション上がる
30. でも、JavaScriptは分からない
じゃばすくりぷと？？？
31. コーディング覚え始めはレスポンシブ対応出来たらなんかカッコイイと思ってる
32. 無駄に「モーダル」とか「アコーディオン」って言いたくなる
33. おい、ハンバーガーボタンって名前誰が考えたんだよ！？
35. おいおい、パンくずリストって名前誰が考えたんだよ！？
36. こんな名前付けるとか、やっぱWeb業界のヤツは頭おかしいなって思う
37. でも、無駄に言いたくなる
38. とにかく無駄に言いたくなる単語が多い
39. 「刷り直し」がないので納品日直前のプレッシャーがない
40. しかも、修正がすぐに出来ちゃうとかWebヤバ過ぎ！
41. もう印刷方式とか、紙の種類なんて忘れたわ
42. アクセス解析？デザインに関係ないでしょ？って最初は思ってた
43. GAで見ると回遊率が悪い！デザイン改修や！ってなる
44. ヒートマップで見るとこのボタンが押されてない！デザイン改修や！ってなる
45. UIデザイン・UXデザインに興味を持つ
46. SEO対策とかWebマーケティング関係にも興味を持つ
47. Webの仕事やるんだったら会社よりも個人でやった方が良いことに気付く
48. 会社を辞めることを決意する
49. 当たり前のようにカフェでMacbook開いて色々やるようになる
50. しかし世の中そんなに甘くない…
以上！
ラファエロ的“紙”から“Web”へ転向したデザイナーあるある50連発でした！
今現在、“紙”から“Web”へ転向しようと考えているデザイナーさんは少し参考にしてみてはいかがでしょうか？w
