احسان قربانی
6 سال پیش توسط احسان قربانی مطرح شد
4 پاسخ

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

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


ثبت پرسش جدید
محمد
@ranger.m.gh 6 سال پیش آپدیت شد
0

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


Masih IT
تخصص : توسعه دهنده وب
@MasihIT 6 سال پیش مطرح شد
1

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


محمد یوسفی پور
تخصص : برنامه نویس، لینوکس، طراحی وب
@myp79 6 سال پیش مطرح شد
1

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


Sajjad
@HaajitYahiko 6 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام