chel｜౨ৎWeb design౨ৎ

Webデザイナー｜Studio / Figma / WP 💻
Webサイト制作から名刺デザイン、Webライティングも！
世界観 × わかりやすさで成果に繋げます🐶👍
UI設計 / 導線設計 ▶︎ 制作事例はここ👇

[chel｜౨ৎWeb design౨ৎ @chel315R]

今回のWebサイトはWordPressで実装してます🐶👍

🍓実際のサイトはこちらから⬇️
ぜひ遊んでみてね✨

https://t.co/JY9Gaxs6hI

[chel｜౨ৎWeb design౨ৎ @chel315R]

🐶Webサイト制作事例🌈

サイトUIにアプリっぽさを出すため
スプラッシュ画面を実装🌷

・JSで「外部アクセス / 更新時のみ」表示制御
・CSSアニメーションで軽量実装
・ページ遷移は阻害しない設計

漫画掲載サイトへの外部リンクが多いので
HOMEに戻った時の体験を少し楽しくしました🍓✨

[엉구 @nieolkul]

사인은 부검입니다

[chel｜౨ৎWeb design౨ৎ @chel315R]

ポートフォリオなどのサイト制作はこっちで承っております🐶✨

https://t.co/CPvy0pd9Go

[chel｜౨ৎWeb design౨ৎ @chel315R]

ちょこちょこご依頼いただくうちに、
WPの投稿設定極めてきたので新サービスを出品いたしました🎉

ポチポチ作業で簡単に整理出来たり
予約投稿も🆗なので、ちょっと頑張ればあとは楽々更新できちゃいます🎶

ご相談だけでも🆗なのでぜひご覧ください🥰 https://t.co/mqWHmibEUk

[シナモン【公式】 @cinnamon_sanrio]

おさんぽおさんぽ～♪

…今日はおさんぽキャンセルしようかな

[chel｜౨ৎWeb design౨ৎ @chel315R]

アイコン変えました✨✨
うさちゃんもかわいいけど
クライアント様目線だと
どんな人なのかわかりやすい方が安心感あるよね💭🐶👍

[chel｜౨ৎWeb design౨ৎ @chel315R]

でもあれか、
今の子たちって前よりも圧倒的に情報量が多いから、このくらいサポートある方が良いんかな〜〜💭

[chel｜౨ৎWeb design౨ৎ @chel315R]

これ観たけど、じまじろうとAIで勉強できるのよ過ぎる😂😂
今の子いいな🥹

[official令和ロマン【公式】 @official_reiwa]

動画を更新🆙

今回は進研ゼミ高校講座さんとのタイアップ✨
最新技術を使って慶應に入り直す‼️

学生の君や、受験を控える子を持つママさんパパさんは絶対見た方が良いぞ☝️

【受験】進研ゼミ高校講座で慶應義塾大学に入り直そう！【令和ロマン】
https://t.co/foaSG4E356

[マヂカルラブリー 野田クリスタル @nodacry]

リリースするわけじゃないアプリを自分好みに作っていくと完全にデザインが偏る。

[chel｜౨ৎWeb design౨ৎ @chel315R]

ビフォーアフターやってみた🐶👍
お洋服はプリセット着せてるから色々作りたいな〜💭
おめめ楽しかった😂✨✨

髪の毛はもうちょっと練習必要🙄💭
#VRoid

[chel｜౨ৎWeb design౨ৎ @chel315R]

めちゃ良い🌹

[ツクルノ女渦(じょか)🔯🐍Vtuber兼商業漫画家 @w_29runoJoka]

#vroidビフォーアフター

←これが　　　こうである→

[モチャ☺︎1y🦕 @mocha_20241003]

これらは子どもの発達段階を知り尽くしたプロのチェックが何重にも入っている。アクセス数だけを求めたドーパミン中毒装置とは別格。調理師が作ったおいしくて栄養のある食事と砂糖の塊くらい違うと思う。

「放送65年 おかあさんといっしょの魔法」

https://t.co/ttmuvOreLf

[밀티 @milktea_up]

디자이너 친구들 이거 다운받아봐
시스템 가이드 샘플 오억개있어

[🦄けい©︎：プログラマーアイドル🦄 @k1_c_]

個人開発者・独学デザイナーにおすすめのUI設計入門

・OOUI (https://t.co/Xbrd1PKkhF) を学び、データモデルからUIを考えられるようにする・データモデリング技法を学ぶ
・ユーザーストーリーマッピングやカスタマージャーニーマップなど、ユーザー体験をナラティブなフローとして記述するフォーマットを体得する
・HIG (https://t.co/Q2YndYNRjW) を読む
・UX観点を養うため、ユーザビリティ10原則を知る (https://t.co/VOURZa7VBa)
・ヤコブの法則にならい、よく知られるUIパターンを知る (UI Patterns: https://t.co/7KQbvKb69M みたいなサイトとか)
・人気のコンポーネントライブラリ（https://t.co/E9IUp8Lv98 とか）を見て、コンポーネント系の語彙やSlot/Variants設計の勘所を得る
・UI Stack (Ideal / Empty / Error / Partial / Loading) に基づいたデータセクションごとの状態定義をできるようにする
・一般公開されているデザインシステム（デジ庁・SmartHRなど）を調べてデザイントークンのパターンを知る
・類似アプリやサービスのUIをひたすら集めて、Figmaで参考用のページを切って並べてインスピレーションを得る (結局これが一番大事だったりする)
・Figma MakeやFigma MCPを使ってとにかくUIを生成しまくりつつ、良し悪しを判断しながらFB内容を言語化・ルール化していき、自分なりのデザインガイドラインを作る

[⛱자료백업계🌊 @data_bu]

무료 일본어 폰트 - 오마츠리 폰트
https://t.co/ckIvinHTGd

동글동글 귀여운 디자인의 일본어 폰트입니다!
히라가나+일부 기호만 제작되었어요!

상업적 이용 가능!

[もち | 経営・デザイン・AI @mochitaro_de]

おすすめデザインギャラリーサイト16選
Pinterestに飽きた人へ。目的別にどうぞ🫶

1. 最新UIパターン：Mobbin → https://t.co/18fbrgIymS
2. 美しいWebデザイン：Godly → https://t.co/3vfiO2r2aI
3. 世界の受賞サイト：Awwwards → https://t.co/uzmRxPq2ie
4. 海外LPデザイン：Lapa Ninja → https://t.co/AGPNlIAqAv
5. CTAボタン特化：CTA gallery → https://t.co/9ubsyVyFDy
6. LP・詳細ページ：Land-book → https://t.co/3HNRf3MdeS
7. 国内Webデザイン：SANKOU! → https://t.co/AXxato8IS2
8. 国内ハイクオリティ：S5-Style → https://t.co/layt5cLogc
9. 国内Webデザイン：https://t.co/ixdA50yWOo → https://t.co/JSSItly6UY
10. 海外デザイナー作品：Dribbble → https://t.co/Ba0YnpR8Hs
11. 総合ポートフォリオ：Behance → https://t.co/15q4oaugm8
12. おしゃれビジュアルリサーチ：Cosmos → https://t.co/7IodMRSsDM
13. ブランドガイド：Brandpad → https://t.co/4LjFrskoTR
14. パッケージデザイン：JPDA → https://t.co/Tevi2RIKfj
15. グラフィック年鑑：JAGDA → https://t.co/HpKqWxzQXB
16. 幅広い受賞作品：Good Design Award → https://t.co/PLpsVrdiKV

[chel｜౨ৎWeb design౨ৎ @chel315R]

ここまで出来るようになりたいな🐶👍

可愛い女の子だけじゃなくて無機物とかトランスフォーマーみたいな子達が増えても楽しそうだし作りたいな🎶

使えるツールを増やしていろいろ遊ぼうとしてるʕु-̫͡-ʔु”

[などか【水浸堂】 @wcfos]

私は #VRoid どころかドール系やリアル系アバター界隈でも類型がいない作風なのでお役には立てないのですけれど…
いわゆるアニメアバター以外も作れるので、当たり前ですが「絵が描ける人の方が有利」ですから描ける人も参入してほしいですね
VRoid、なんでか絵が描けない人向けってアピールされがち

[Webcam Motion Capture @webcammocap]

オリジナルの3D背景の作り方と動画チュートリアルを新たに公開しました✨

3Dモデルを作ったことがない方でも簡単にできます！

✅ 専門知識ゼロでOK
✅ Unity＆Blenderのテンプレートを提供
✅ 全て無料です

詳しい方法とダウンロードはこちら👇
https://t.co/pIOqIgjlqE

[chel｜౨ৎWeb design౨ৎ @chel315R]

え！？これ無料なの？？

場所によってルールが違ったりするけど、
チーム内や関係者の情報共有用に再配布OKらしいから
安心してお仕事できるきっかけになりそう✨