طراحی سایت

بسیاری از طراحان شروع به طراحی سایت های مختلفی می کنند بدون آنکه بدانند دقیقا چه چیزها و مواردی را باید به طور کامل رعایت کنند . ما در این پست قصد داریم به شما روش های جهت توجه کردن هنگام طراحی را توضیح دهیم .

متن را کوتاه بنویسید

در سال 1997 تیم نلسون نرمن ( خالق تجربه کاربری UX ) تحقیقاتی را پیرامون مطالعه و ردگیری متن ها توسط کاربران سایت انجام داد و به این نتیجه رسیدند اکثر کاربران به جای خواندن متن های سایت آن ها را اسکن می کنند . بنابراین استفاده بیش از حد از یک عبارت و یا یک کلمه و همچنین عبارت های بی فایده باعث می شود کاربران آن صفحه و یا سایت را خیلی زود ترک نمایند . وقتی شما در حال نوشتن اطلاعات مفید در سایت می باشید باید از کلمات و جملات ضائد پرهیز کنید و به اطلاعاتی را به کاربر ارائه دهید که واقعا به دنبال آن می باشد .

[ بازديد : 30 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

پس از گذشت بیش از یک دهه از تولید و طراحی کتابخانه جی کوئری در طراحی سایت ، این کتابخانه همچنان پرطرفدار به کار خود ادامه می دهد . بیش از یک دهه بود که طراحان برای اینکه بتوانند یک افکت زیبا را در تمامی مرورگرها یکسان و با زیبای نشان دهند می گذرد همین باعث شد این کتابخانه مانند معجزه ای برای طراحان تولید شود چرا که استفاده از یک کتابخانه که تمامی مرورگرها آن را پشتیبانی کنند تقریبا محال بود . همچنین این کتابخانه سختی استفاده از ِDOM را به حداقل رساند تا توسعه دهندگان و طراحان بتوانند راحت تر با آن کار کنند . همچنین استفاده از API های جی کوئری فرصتی مناسب برای استفاده بهتر و راحت تر از بسیاری از مواردی هستند که در توسعه و طراحی استفاده می شوند و قبلا بسیار دشوار طراحی می شدند . همچنین سبک بودن این کتابخانه که به راحتی در سایت و صفحات آن لود می شود باعث شده است نه تنها منسوخ شود بلکه روز به روز از این کتابخانه و به وسیله آن افکت ها و کتابخانه های دیگری برای طراحی سایت و استفاده از آن رشد پیدا کنند . ما در این مقاله قصد داریم به برخی از این کتابخانه ها بپردازیم .

[ بازديد : 27 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

آمارهای گرفته شهده حاکی از آن است که بازار سایت های تجارت الکترونیک در اروپا داغ می باشد و یکی از مهم ترین موفقیت های آنها طراحی سایت ریسپانسیو برای موبایل های هوشمند است . در سال گذشته تقریبا 296 میلیون خرید آنلاین بیش از 455 میلیارد یورو از سایت های تجارت الکترونیک اروپا خریداری شده است که نزدیک به 16.5 درصد آنها از طریق موبایل های هوشمند و تبلت ها بوده است . شما ممکن است که فکر کنید که 16 درصد ، درصد زیادی نیست اما این درصد به سرعت در حال رشد می باشد . همچنین فروشگاه غئول پیکر اینترنتی انگلیس Argos اعلان کرده بود در روز کریسمس و جمعه سیاه نزدیک به 700 هزار بازدیدکننده داشته است که تنها 20 درصد آنها از طریق کامپیوتر شخصی و لپ تاب بوده است . این آمارها باعث می شود که یک نشانه مثبت از طراحی سایت ریسپانسیو به طراحان داده شود و آنها را به طور کامل متقاعد کنند که امروزه استفاده از این نوع سایت ها رو به افزایش می باشد . یک مطالعه و تحقیق نیز نشان می دهد کاربران علاوه بر مشاهده سایت ها در موبایل های هوشمند نیاز شدید به تعامل و وارد کردن فرهای متنوع دارند و دیگر دیدن مناسب سایت ها در موبایل های هوشمند نگرانی اصلی طراحان نیست بلکه تعامل درست فرم ها در موبایل نگرانی آنها می باشد .

[ بازديد : 29 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

عنصر کلیدی هر رابطه کاربری در سایت طرح بندی می باشد ، طرح بندی سازگاری بین عناصر رابط را یجاد می کند به طوری که بازدید کنندگان صفحه یا کاربران برنامه از یک تجربه عالی در یک سایت یا برنامه موبایل لذت ببرند . علاوه بر این طرح بندی سازگار یک سایت باعث صرفه جویی در توسعه آن می شود . با گذشت زمان طراحان و برنامه نویسان سایت مجبور به انطباق با اندازه مختلف صفحه نمایش ، فن آوری ها و پارادیم های UX شدند . ده سال پیش بیشتر رزولیشن های صفحه نمایش کامپیوترها 768*1024 بود اما امروزه تنها چهار درصد رزولیشن ها شامل این رزولیشن می شوند . احتمالا در آینده نیز به صفحات سه بعدی و واقعیت مجازی نیز اضافه می شود و آنجا نیز طرح بندی بسیار مهم می باشد تا بتواند به درستی زیبای بصری المان ها را تشریح نماید . طراحی فوق العاده همیشه بر اساس یک طرح بندی خوب بنا شده است ، بسیار از طراحان متاسفانه هنوز از طرح بندی خشک و بی روح در طراحی سایت خود استفاده می کند که باعث می شود المان های سایت به خوبی نشان داده نشوند . داشتن یک طرح بندی مناسب که بتوان به آن تکیه کرد همیشه آرزو طراحان سایت بوده است .

[ بازديد : 36 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

مستندها تاثیر عمیقی بر روی آموزش اشخاص برای یادگیری یک رشته و یا فن دارد ، همین روش نیز در طراحی صدق می کند چرا که باعث الهام بخش بودن موقع دیدن این نوع مستندات به طراحان می شود . ما در این مقاله چند مستند که از لحاظ طراحی برای بسیاری از طراحان سایت و یا طراحان محصولات و نرم افزارها الهام بخش بوده است را شرح می دهیم . تقریبا تمامی این مستندات به صورت رایگان در دسترس همه قرار گرفته اند تا طراحان و علاقه مندان بتوانند آن ها را به خوبی مطالعه کنند .

Design Is Future

این مستند درباره طراحی آینده می باشد که در هفته طراحی در بارسلونا برگزار می شد ایجاد گردید . ایده هایی را برای آینده طراحی و مواردی که در یک دهه گذشته انجام شده است را مورد بررسی قرار می دهند . همچنین برخی از اندیشه های جالب در مورد نقش طراحی در یک محصول و یا سایت و سوالات و پاسخ های برخی از حرفه ای ترین متخصصان در سراسر جهان را می توانید در این مستند ببینید.

[ بازديد : 32 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

طراحان خالقانه یک طرج زیبا برای سایت و یا محصولات می باشند بنابراین همیشه این سوال مطرح می شود چگونه محیط کاری و میز کار خود را طراحی می کنند ؟ یک قلم و یک لپ تاب با یک صندلی و شاید یک لیوان . البته شاید این یک میز معمولی باشد و یک میز خلاق بیشتر از این اجزای داخل آن قرار گیرد . یک طراح میزکاری خودش را یک شریک و همکار خودش می داند و همیشه دوست دارد بهترین طراحی را برای آن داشته باشد چرا که نمایانگر خلایق و هنر طراح می باشد . ما در این مقاله قصد داریم یک نگاهی گذرا به برخی از طرح های که در میزکاری یک طراح قرار می گیرد نگاهی بیاندازیم .

[ بازديد : 37 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

بسیاری از ابزاها برای طراحی سایت در حال گسترش می باشند تا نیاز طراحان و توسعه دهندگان را روز به روز برطرف سازند . برخی عناصر نیز نقش کلیدی را در طراحی بازی می کنند یکی از این عناصر Web Component می باشد ، بسیاری از توسعه دهندگان به طور دقیق نمی دانند چگونه آنها کار می کنند ما می خواهیم در این مقاله کمی راجب این موضوع و کار کردن آن در سایت ها توضیح دهیم . اجزای وب (Web Component) یک عنصر DOM می باشد که از طریق کد قابل استفاده مجدد است .

[ بازديد : 40 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

کار کردن با رنگ ها می تواند بسیار سرگرم کننده باشد ، رنگ می تواند حالت و تن طراحی را تنظیم نماید . رنگ می تواند باعث ایجاد یک طراحی سایت زیبا و یا کثیف شود همچنین چیزهای دیگری که می توان با رنگ خلق کرد قسمت های از سایت می باشد که می خواهیم بیشتر مورد توجه قرار گیرند . در این مقاله می خواهین به روش های بپردازیم که به کمک رنگ می توانیم آن ها را دستکاری کرد . بسیاری از طراحان معجزه رنگ را می دانند و آن ها را در استراتژی طراحی سایت خود استفاده می کنند چرا که رنگ ها بسیار متنوع هستند و در اشکال های مختلف و روش های گوناگون می توان از آن استفاده نمود . برخی از سایت ها در صفحات خود از رنگ های ملایم استفاده می کنند و در محصولات خود رنگ های شاد و جذاب به این صورت آنها را در این بخش ها و این صفحات نگه می دارند و باعث توجه بیشتر آن ها به محصولات و خدمات سایت می شوند . همچنین تغییر رنگ در متن ها نیز می توان توجه خوانندگان را به متن در سایت بیشتر نماید . یک مثال آن سایت حفاظت از محیط زبیعت کالیفرنیا می باشد ، این سایت به دو دلیل مورد اهمیت در طراحی می باشد : اول اینکه رنگ ارگانیک را در سایت خود ارائه داده است که باعث می شود سلسله مراتب طراحی فوق العاده در سایت از بخش های مورد توجه به بخش های کم توجه به درستی در سایت دیده شود دوم اینکه بقیه رنگ های به کار رفته شده در متن و تصویر به شکل باورنکردنی با هم همخوانی و سازگاری عجیبی را در چشم مخاطبان خود ایجاد می کنند به طوری که مخاطب زمان زیادی را فقط صرف تماشای سایت می نماید.

همچنین می توان از رنگ برای قدرت نفوذ آن در اشکال مختلف به نفع سایت بهره برد . به عنوان مثال استفاده از رنگ با اشکال در طراحی سایت دکوراسیون می تواند نقش زیبای به این سایت ایجاد نماید چرا که وجود رنگ های مختلف در این نوع سایت ها که با اشکال های مختلف سرو کار خواهند داشت باعث زیبای بصری آن ها می شوند . یک زبان بصری یک سیستم ارتباطی با استفاده از عناصر بصری مانند رنگ ها ، اشکال و... می باشند ، یک زبان بصری روابط دقیق بین هر نوع عنصر می باشد این زبان مشخص می کند که چه چیزی می تواند و نمی تواند انجام شود . این زبان توضیح می دهد عناصر بین یکدیگر به کار گرفته شده چگونه با یکدیگر ارتباط برقرار شود تا بهترین شکل بصری در سایت ایجاد شود .

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

[ بازديد : 30 ] [ امتياز : 3 ] [ نظر شما : ]

فضای سفید یک قسمت مهم و حیاتی در طراحی سایت می باشد که اگر به درستی مدیریت و طراحی نشود هنگام دیدن سایت در دیواس ها و اندازه های مختلف به زیبای سایت تاثیر منفی خواهد داشت . ولی هنگامی که طراح می خواهد یک سایت ریسپانسیو طراحی کند کار کمی پیچیده تر می شود چرا که باید علاوه بر اینکه در تمامی صفحات نمایش با اندازه های مختلف آن را به درستی تنظیم نماید باید ببیند در دیوایس های مختلف نظیر موبایل های هوشمند و تبلت ها چگونه دیده می شود . البته روش های مختلفی برای انجام این کار وجود دارد که ما می خواهیم به یکی پر رایج ترین آن ها در این زمینه اشاره کنیم . استفاده از ریسپانسیو بودن برای طراحی سایت امری بدیهی است حال باید به سایتی که می خواهیم طراحی کنیم نگاهی بی اندازیم ، آیا منوهای یک سایت زیاد هستند و یا کم ؟ اگر منوهای سایت زیاد باشند راههای زیادی برای طراحی آنها نمی ماند باید با استفاده از منوی همبرگر آنها را در دیوایس های مانند موبایل های هوشمند و یا تبلت ها پنهان کرد تا فضای کافی برای محتوا دیده شود . در واقع در زمانی که تعداد منوها زیاد هستند باید طوری منوی همبرگر را طراحی کنند که وقتی بر روی یک منو کلیک می شود صفحه مربوط به آن باز شود و منو به طور خودکار ناپدید گردد تا محتوای صفحه در همان لود اولیه دیده شود . اما باید توجه داشت فضای اضافی بین لینک ها در منو همبرگر بسیار مهم است فاصله بین این لینک ها باعث می شود انگشتان دست به راحتی یک گزینه را بدون ترس از اشتباه زدن بر روی گزینه دیگر فشار دهند .

[ بازديد : 29 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب

طراحان سایت ، طراحان گرافیک ، شرکت ها و بالاخره هر شخصی و متخصصی که می خواهد قسمتی از طراحی و یا توسعه سایت باشد باید برخی از ابزارهای کارآمد وب را بشناسد . اما سوال اینجا مطرح می شود که چگونه می توان این ابزارها را که در پروژه به ما کمک می کنند را پیدا کرد چرا که هر روز ابزارهای معرفی می شوند که هر کدام از آنها ادعاهای دارند . ما در اینجا ابزارهای که مورد تست بسیاری از تیم های طراحی قرار گرفته اند را به خوبی مورد بررسی قرار داده ایم و می خواهیم مهم ترین آنها را شرح دهیم .

Be Theme

این سایت بزرگترین و مهم ترین تم های پلتفرم وردپرس را در خود جای داده است . اشخاص و یا شرکت های که از وردپرس برای سایت خود استفاده می کنند باید بدانند این سایت مورد اطمینان ترین سایت این پلتفرم می باشد همچنین بیش از چند صد تم رایگان در این سایت دیده می شود که می توان آن را به راحتی برای سایت خود سفارشی نمود .

[ بازديد : 26 ] [ امتياز : 3 ] [ نظر شما : ]

ادامه مطلب