hal（はる）🌷

フリーランスのwebデザイナーです。デザトレ8期生🌼

[hal（はる）🌷 @hal_design_]

【ゆるぼ】皆さん自宅用ワークチェアってどんなの使われていますか？予算2〜3万円くらいで探してるんですが見れば見るほどどのタイプがいいのかわからなくなり……😭おすすめなどあれば教えていただけるとめちゃ助かります❣️🙇‍♂️

[hal（はる）🌷 @hal_design_]

@chiluco_design ちかさん、素敵な講座をありがとうございます✨
いま基礎知識編を進めていますが、すでに目から鱗ボロボロです😭🙏✨
学んだことをどんどん実務に盛り込んでいこうと思います！🙌

[hal（はる）🌷 @hal_design_]

ちかさんの講座、ずっと知りたかった内容が詰まっており、購入させていただきました✨オートレイアウトの組み方、レイヤー名の整え方…細かいところまで自信をもって納品できるように頑張ります！　https://t.co/qfEZHmEYXZ

[ちか｜webデザイナー&コーダー🦔 @chiluco_design]

講座の先行価格23,800円、明日9/30（水）までです⏰

この講座は、私が実務で
「ここはどう組むのが正解？」と迷ったところを、
項目ごとに分けた教材です📖

ほぼ全部の回に宿題カンプをつけているので、
手を動かしながら、1つずつ手癖にしていけます✍️

10/1からは通常価格29,800円になります。
（販売は終わりません。価格だけ変わります☺️）

内容と特典は固定ポストにまとめてあります👀
▼販売ページは固定ポストから🙌

[hal（はる）🌷 @hal_design_]

Discordの通知音急に怖くなって怯えてたけど、ハロウィン仕様？らしくて普通のに戻せた…よかった……👻

[hal（はる）🌷 @hal_design_]

まさにこれだったな…😂😂

[のじまありさ @nojimaarisa]

未経験から一人目のインハウスデザイナーになった人、実は世の中に多いのです。それはなぜかというと、会社側がデザイナーを採用する基準を持ち合わせていないため。
そういった人でも手探りで色々挑戦して、そこそこできるようになるのですが、社内にデザインを評価できる人がいないため、そのうち頭打ちになります。

個人的にはそのようにデザイナーのキャリアを始めるのは良いと思っていて、ただ頭打ちだなと思ったら早めにデザイナーが複数名いる組織に移ったほうがいいと思います。フィードバックがもらえる環境のほうが成長しやすいし、デザイナーとしての自分のレベルがわかるから。

なんかそういったことでお困りのデザイナーさんいたら気軽に連絡くださいませ〜！一人目のデザイナーがどんな人がいいか困ってる会社さんでも〜！

[せきゆおう🇯🇵Web制作とAIのことを発信する人 @wurst_design]

意外と多いコーディング時の検討事項と、デザイナーにも事前に考えてほしいこと

----------

コーディング作業は、見た目の再現だけでなく、以下のような点も考慮しながら構築しています。

・適切なマークアップになっているか
・表示速度への影響はどうか
・運用・保守のしやすさ
・可変領域のレイアウト変化の想定
などなど...

一つの要素を作るだけでも、実はかなり多くのことを考えています。

上記の中でも、下の2つはコーダーだけでなくデザイナーにも一緒に考えてほしい部分です。

「お知らせ一覧」の例で考えてみます。

このデザイン自体には特に問題はないのですが、コーダーは以下のような観点で設計を考えます。

[日付]
・文字数によって横幅が変わるな
・どの端末でも改行や崩れが起きないように構築しよう

[カテゴリ]
・カテゴリって4文字以上が入る可能性は？
・CMSの場合クライアントが自由に追加できる？
・4文字を超える可能性があるなら固定幅はNG
※5文字以上入った場合の見た目はどうなる？

[記事タイトル]
※タイトルの文字数が多い場合は？
└[...]で省略する仕様？
└2行にするのかな？
└その場合は上揃え or 中央揃え？

[可変領域]
・要素の横幅が700pxあたりで改行が入るな
◎540pxあたりでタイトルが窮屈になるけどよい？
※SPサイズになる前に、見せ方を変える必要がある？

[その他]
※記事が存在しないケースはどう扱う？
・このテキストは音声で読み上げるべき？
・音声の読み上げが自然になってる？

※はクライアントやディレクターに確認が入ると思います。
◎は確認が入らないケースが多いと思います。

このように、想像以上に多くの検討を重ねながらコーディングは行われています。その中に「見た目」に関する検討も含まれています。

コーダーの経験値から「いい感じ」に作ってくれる人もいますが、経験の浅いコーダーや、見た目作りが苦手なコーダーからは細かく確認が入ることが想定されます。

とくに、今回のようなケースでは、「カテゴリの文字数」や「記事が無い場合の表示」などは、コーダーだけでは判断が難しい項目です。

そのため、デザイナーやディレクターは、
「○○の場合はどうする？」といったパターンの想定をすることも仕事のひとつだと考えています。

これが、「Webデザイナーはコーディングができなくてよいけど、Webの仕様を理解するべき」の一例かなと、僕は考えています。

[hal（はる）🌷 @hal_design_]

基本家であまり服を着ていないので、Discordとかzoomとかワンクリックでビデオがオンになる仕組みが怖すぎる。なんか3回くらい注意書きが出て「本当にonにしますよ？？？」って念を押してほしい。

[いがらし｜Studio×構造設計 @ririru_123]

いいですか、みなさん。
「制作会社さんの実績ページ」を見るのです。

・どうしてそのデザインに至ったのか
・他に提案した別のデザイン
・デザイン前のワイヤーフレーム
などなど
公開してくれている制作会社があります。
めちゃくちゃ学べます。

[ホンダ @yuichirohonda_]

「デザインしたけど、なんか微妙やな…」
そう感じるときは、業界の“ドレスコード”や定番の見せ方を見落としていることが多い。

参考をもう一段階深堀りして分析してみると、すぐに突破口が見えることもあります。

特別な技術なんてないので、
まずは観察して、試してみるのがおすすめです。

[hal（はる）🌷 @hal_design_]

昨日久しぶりにフィットボクシング40分やったら全身が激痛🎶

[ちぃ｜mitsu design @tepetaasuki]

【こんな時は注意して！デザイナーを狙った詐欺】

1年前くらいにXを初めて、その後とりあえずでインスタのデザイナーアカウントを始めました。

その時に実際に出会った怪しい人を紹介します。初めて間もない方や勉強中の方は特に気をつけて！

──────────

①こんなDMには注意

ケース1:お互いがデザイナー(？)の場合
Xでもインスタでも、やり取りしたことが無いのにいきなりDMが来て挨拶など数回のやり取りの後に｢お互いのことを知りたいから電話しませんか？｣はアウトです。

ケース2:クライアント(？)から｢事業拡大のために業務委託先をさがしている｣との連絡がくる場合
アカウント初めてまだデザインも何も載せてないのにクライアントらしき人からDMが来た時は注意。

──────────

②電話したらどうなる？

私の場合Xから2回、インスタで1回電話した事があります(アホ)その時何があったかと言うと｢師匠または尊敬している権威ある〇〇さんなどに繋ごうとする｣が結果です笑

デザイナーの場合は、この人デザインあまりに下手(または後半デザインの投稿ゼロ)のような人が｢今は儲かってるんです！｣と言い出します。

そしてそのきっかけとなった師匠の話をしだしました(知らんがな笑)

クライアント(？)の場合は
・今日ちょうど会合があるのでこんなデザイナーさんがいるって話してみます
・普段来られないような人が来ていて興味持った！
・その人と話しましょう

と謎の流れになりました笑
思えば｢業務委託だよね？何で仕事やなくて人の紹介なん笑｣って思いますが無知は怖いですね。

そしてマインドとか目標の話を永遠とされます。結構その時は役には立った気がしましたが目的は何だったのか未だに謎です😂(おそらく🐭とか商材屋さんかな？)

──────────

③本当のクライアントは？

業務委託であればすぐ契約の話になるし、エンドであれば依頼内容の話になります。

コメントやDMで前々からしょっちゅう話したりしている人とかでない限り上記以外の流れは1度疑ってみましょう。

──────────

④怪しい？と思ったら調べてみる

会社名名乗ってるし…と思ってもなんとなく違和感を感じたらまずは調べてみましょう

・インスタで投稿9枚だけ出してる
・HPに実績な会社概要が詳細に乗ってない
・そもそもHPが雑
・住所が架空(Googleで検索したら工事現場でした笑)

他のデザイナーさんに相談してみるのもありです。

──────────

⑤やっぱりおかしいと思ったら

・契約やお金の話が出ない
・情報が不透明
・やたら急かす
・登録や紹介を促してくる

など違和感が揃ったら｢失礼かも｣などと思わずにすぐブロックしちゃいましょう。

お金取られていなくても時間を取られて無駄になります。

──────────

昨日たまたま同じような境遇の方を見つけたので注意喚起でした😌

[hal（はる）🌷 @hal_design_]

息子を歯医者に連れて行ってたんだけど、FV課題の歯医者さんサイトの理想の絵面にぴったりすぎて写真撮らせてくれー！！って心の中で言ってた😂（ここのサイト作るならどんなイメージかな…とか勝手に妄想してた）

[ひろせ｜LP特化デザイナー @hiroseeee_]

／
最終調整を爆速に！
Figma便利プラグイン3選✨
＼

デザイン完成直前、微調整に時間がかかる💦
そんなときに使える「便利なプラグイン」をまとめました😊✨

① Select Below
複雑なレイヤーの中から、下層だけ一発選択！
⇒ 長いLPの修正作業もスピードアップ

② Auto Resize Height
フレームの高さを自動調整！
⇒ 最終段階のズレもワンクリックでピタッと

③ Clean Document
不要な要素をまとめて整理！
⇒ ごちゃついたファイルが一気にスッキリ

これを知ってから、
提出前の作業が本当に楽になりました🥰💓

Figmaユーザーさん、ぜひ試してみてください！

[hal（はる）🌷 @hal_design_]

🐭スケッチ

[上司ニシグチ @joshinishiguchi]

デザインで「かわいいけど読みやすい」って意外と難しい…そんな時はパンダベーカリー。
手描き感＋安定感でメニューやPOPにも映えるフォントなので、めっちゃオススメです。

[hal（はる）🌷 @hal_design_]

@tokuyuka19 まさかのデグーきっかけで繋がれる機会をいただけてとても嬉しいです！（笑）うちの子褒めていただいてhappyです😆✨

[hal（はる）🌷 @hal_design_]

デグーの魅力をお伝えできて嬉しいっ……！よく笑い、よく歌うネズミです✨🐭✨（貴重な機会にこんな話してよかったの？！🙇‍♂️）

[hal（はる）🌷 @hal_design_]

@M_Jindesign 初めまして！webデザイナーの卵のhalと申します🙇‍♂️
とくゆかさんからのご縁をいただいて嬉しいです🥰
うちの子たくさん褒めてくださってありがとうございます🐭✨デザインのことも、動物のこともお話できたら嬉しいです🙌
よろしくお願いいたします！

[hal（はる）🌷 @hal_design_]

@cocononedesign 正面から見ると本当にネズミか…！？って疑いたくなります🤣ほなさん今日お話できて嬉しかったです…💖

[とくゆか🥬｜群馬のWebデザイナー @tokuyuka19]

今日の収穫。

デグーは可愛い。
デグーは尻尾振る
デグーは名前呼ぶと来る
デグーは少し食べる

#デザトレ8期