آفلاین
user-avatar

چند سوال در مورد طراحی وب سایتم

2 سال پیش
توسط Sajjad آپدیت شد
آفلاین
user-avatar
احسان قربانی ( 40076 تجربه )
2 سال پیش
تخصص : PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

دوستان راکتی سلام :)
من یک پروزه در نظر دارم که فعلا تو مرحله ی طراحی هست و امروز تقریبا قالب کلی سایت رو توی فوتوشاپ طراحی کردم اگه زحمتی نیست یه نگاه بهش بندازید و به سوالام جواب بدید. ممنون میشم :)
http://s9.picofile.com/file/8330179026/Newsite.jpg
1- آیا از رنگ ها درست استفاده کردم یا باید پالت رنگی دیگه ای استفاده کنم؟
2- آیا قالب کلی سایت خوبه (یعنی استایل نوبار و بخشی که مطلب توشه)؟ اگه خرابه چه کنم تا بهتر بشه ؟
3- تو این سایت قراره کاربر بیاد و لاگین کنه . بعد بیاد تو این صفحه و فعالیتی رو که میخواد مدتشو اندازه گیری کنه رو انتخاب میکنه ( اون + تو نوبار برای افزودن فعالیت هست ) و روی دکمه ی استارت کلیک کنه و بعد از اتمام کار روی دکمه ی استاپ. بعد میتونه نمودار هر فعالیت رو تو بخش نمودار ها ببینه (از طریق نوبار) و یا حساب کاربریش رو ویرایش کنه . یا هم میتونه بره تو بخش راهنما (علامت ؟ توی نوبار) تا یه توضیحاتی رو در باره ی سایت بخونه . با این اوصاف (واقعا ببخشید یکم مثل انشا شد) آیا نوبار از لحاظ ux بهینه است یا نه ؟
واقعا ببخشید که زیاد شد . مشتاق شنیدن پیشنهاداتتون هستم.
با تشکر که وقتتون رو در اختیار من گذاشتید.

آفلاین
user-avatar
محمد ( 835 تجربه )
2 سال پیش

من ک ب شخصه خودم از رنگ بندی خوشم نیومد و رنگها سنخیتی باهم ندارن و در یک طیف نیستن.
مورد بعدی این که فهموندن منظور در ناوبری صرفاْ با ایکون از نظر من درست نیست و یا باید متن خوب و افکت خوب بیاد یا ایکون و متن با هم.

آفلاین
user-avatar
Masih IT ( 394 تجربه )
2 سال پیش
تخصص : توسعه دهنده وب

سلام.
1 - بنظرم اون رنگ قرمزی که به عنوان جداکننده در نوبار استفاده کردید، میتونه بهتر باشه و الان یکم چشم رو اذیت میکنه، میتونید از رنگ بنفش تیره تری برای این قسمت استفاده کنید.
2 - همچنین خوب میشه اگه نوبار رو در دو حالت طراحی کنید. یک حالت Expanded که هر آیکون رو با متن مربوط به خودش نشون بده - مثل ورود یا نمودار یا ... - که این حالت رو بنظرم با اضافه کردن متن به همین طرحی که طراحی کردید، انجام بدید. و در حالت دوم نوبار رو بدون متن طراحی کنید. در این حالت هم بنظرم یکم آیکون هارو کوچیک تر کنید بهتر میشه. و برای تبدیل این دوحالت به هم، یک دکمه کوچیک در پایین نوبار قرار بدید.
3 - در طراحی هاتون هم حتما از آیکون های SVG استفاده کنید تا در بزرگنمایی آیکون ها، افت کیفیت رو نداشته باشید.
4 - قسمت زیادی از ux هم بسته به انیمیشن هایی هست که در طراحیتون استفاده میکنید که هنوز نمیشه راجب اون نظر داد.
موفق باشید.

آفلاین
user-avatar
محمد یوسفی پور ( 8767 تجربه )
2 سال پیش
تخصص : برنامه نویس، لینوکس، طراحی وب

به نظرم بهتر هست از box-shadow داخل کد هات برای سایه دادن به navbar استفاده کنی که امروزه خیلی ازش استفاده میشه.
برای انیمشین ها هم می تونی وقتی hover میشی روی هر کدوم از آیتم ها رنگشون عوض بشه و عرض شون بیشتر بشه و عنوان آیتم مثل نمودار و این چیزها مشخص بشه.

آفلاین
user-avatar
Sajjad ( 1001 تجربه )
2 سال پیش

-رنگ ها خوب نیسن تیره و دلگیره, از این صفحه یکی دوتا رنگ خوب انتخاب کنید https://materializecss.com/color.html
-از این صفحه در مورد رنگ ها و اینکه هر کدوم چه حسی رو به کاربر میدن اطلاعات کسب کنید و ازش تو کار استفاده کنید این خیلی مهمه که اگه کار شما با امنیت سر و کار داره از یه رنگ که نشون دهنده امنیته استفده کنید https://www.w3schools.com/colors/colors_trends.asp
-کاربر باید از همه جای وب سایت به Nav دسترسی داشته باشه.
-از SVG و متریال آیکون استفاده کنید.

برای ارسال پاسخ باید وارد سایت شوید