ماها بعنوان گسترش دهنده اینترنت (اینترنت دولوپر) قاعدتا بایستی با کدها سروکله بزنیم، اونها رو بنویسیم و عیب یابی کنیم و پیاده سازی کردن خصوصیت های گرافیکی فعالیت ما وجود ندارد. (پیش از این توی یه نوشته‌ی‌علمی دیگه نوشته بودم که چطور طراح اینترنت بشیم)
ولی شخصا برای اینجانب زیاد پیش اومده که توی شرایط هایی قرار گرفتم که احتیاج بوده بخشی از صورت ظاهری و UI یک وب سایت رو پیاده سازی کنم یا این که تغییر و تحول بدم و احتمالا این وضعیت های نا مطلوب (دونقطه دی!) طراحی سایت برای شما هم پیش اومده.
منطق میگه که طراح UI، طرح رو ساخت میکنه و شما اون رو طراحی می‌کنید، البته حقیقت اینه که توی کشور ایران، توی خیلی از حالت ها، این وظیفه روی دوش شما قرار میگیره، به دلایل متعددی مثل:
شرکتتون یه طراح مجموع وقت نداره
شرکتتون به هیچ وجه طراح نداره! (تعجب آور البته حقیقی وواقعی)
میخواین یه خصوصی تغییرات و اصلاحات توی طرح ساخت نمایید که بهترش کنه (از نگاه هنگامی به صرفه وجود ندارد که به طراح بسپاریدش)
عمل طراح رو قبول ندارید!
شما خودتون رو خلال پیشرفت دهنده، طراح هم معرفی کردید (لطفا از این کارا نکنید :/)
و…
در هر شکل، هنگامی که بهتون میگن: فلان بخش از UI تارنما رو صحیح کن، ممکنه با خودتون بگید: بیخیال! اینجانب که یه هنرمند نیستم!
ولی خبر عالی اینه که با یک سری تا ترفند طراحی وب سایت ، میتونید از این حالت ها سربلند و پیروز عبور فرمایید!
۱. از رنگ و وزن فونت ها برای نشون دادن سلسله مراتب متن ها استعمال نمائید
یکی‌از خطاها رایج توی پیاده سازی رابط کاربری، استعمال بیشتراز حد از سایز فونت ها توی نشون دادن سلسله مراتبه. از جمله می‌آیم سایز عنوان ها رو گرانقدر می کنیم و سایز تحت تیتر رو کوچیکتر درنظر می گیریم.
به مکان اینکار، بهتره از رنگ و font-weight استعمال کنیم. از جمله عنوان ها، بولدتر باشن و تحت تیترها، لایت خیس و مدل خیس!
به کارگیری از font weight در ادغام با رنگ، فیض فوق العاده ای میده:
برای تیترها، از یه رنگ تیره (مشکی خیر!) به کارگیری فرمایید
رنگ خاکستری رو برای متن‌ها فرعی (مثل گزاره ها) استعمال فرمائید
رنگ خاکستری پر‌نور رو برای متونی با عنایت کمتر به فعالیت ببرید (مثل اسکن رایت، توضیحات تالیف کننده و …)
در پیاده سازی UI، این دو نوع font weight کاربرد متعددی داره:
برای بیشتر متن‌ها در شیت، از وزن ۴۰۰ یا این که ۵۰۰ به کار گیری میشه
برای قسمت هایی که مهمن و روشون تاکید دارید، وزن ۶۰۰ یا این که ۷۰۰ به عمل میره.
ماها بعنوان گسترش دهنده اینترنت (اینترنت دولوپر) قاعدتا بایستی با کدها سروکله بزنیم، اونها رو بنویسیم و عیب یابی کنیم و پیاده سازی کردن خصوصیت های گرافیکی فعالیت ما وجود ندارد. (پیش از این توی یه نوشته‌ی‌علمی دیگه نوشته بودم که چطور طراح اینترنت بشیم)
ولی شخصا برای اینجانب زیاد پیش اومده که توی شرایط هایی قرار گرفتم که احتیاج بوده بخشی از صورت ظاهری و UI یک وب سایت رو پیاده سازی کنم یا این که تغییر و تحول بدم و احتمالا این وضعیت های نا مطلوب (دونقطه دی!) طراحی سایت برای شما هم پیش اومده.
منطق میگه که طراح UI، طرح رو ساخت میکنه و شما اون رو طراحی می‌کنید، البته حقیقت اینه که توی کشور ایران، توی خیلی از حالت ها، این وظیفه روی دوش شما قرار میگیره، به دلایل متعددی مثل:
شرکتتون یه طراح مجموع وقت نداره
شرکتتون به هیچ وجه طراح نداره! (تعجب آور البته حقیقی وواقعی)
میخواین یه خصوصی تغییرات و اصلاحات توی طرح ساخت نمایید که بهترش کنه (از نگاه هنگامی به صرفه وجود ندارد که به طراح بسپاریدش)
عمل طراح رو قبول ندارید!
شما خودتون رو خلال پیشرفت دهنده، طراح هم معرفی کردید (لطفا از این کارا نکنید :/)
و…
در هر شکل، هنگامی که بهتون میگن: فلان بخش از UI تارنما رو صحیح کن، ممکنه با خودتون بگید: بیخیال! اینجانب که یه هنرمند نیستم!
ولی خبر عالی اینه که با یک سری تا ترفند طراحی وب سایت ، میتونید از این حالت ها سربلند و پیروز عبور فرمایید!
۱. از رنگ و وزن فونت ها برای نشون دادن سلسله مراتب متن ها استعمال نمائید
یکی‌از خطاها رایج توی پیاده سازی رابط کاربری، استعمال بیشتراز حد از سایز فونت ها توی نشون دادن سلسله مراتبه. از جمله می‌آیم سایز عنوان ها رو گرانقدر می کنیم و سایز تحت تیتر رو کوچیکتر درنظر می گیریم.
به مکان اینکار، بهتره از رنگ و font-weight استعمال کنیم. از جمله عنوان ها، بولدتر باشن و تحت تیترها، لایت خیس و مدل خیس!
به کارگیری از font weight در ادغام با رنگ، فیض فوق العاده ای میده:
برای تیترها، از یه رنگ تیره (مشکی خیر!) به کارگیری فرمایید
رنگ خاکستری رو برای متن‌ها فرعی (مثل گزاره ها) استعمال فرمائید
رنگ خاکستری پر‌نور رو برای متونی با عنایت کمتر به فعالیت ببرید (مثل اسکن رایت، توضیحات تالیف کننده و …)
در پیاده سازی UI، این دو نوع font weight کاربرد متعددی داره:
برای بیشتر متن‌ها در شیت، از وزن ۴۰۰ یا این که ۵۰۰ به کار گیری میشه
برای قسمت هایی که مهمن و روشون تاکید دارید، وزن ۶۰۰ یا این که ۷۰۰ به عمل میره.
مهارت های تکنیکی لازم برای طراحی سایت