مطالب ارسال شده در برچسب webdesigner

طراحان وبسایت تنها به پنج ثانیه از زمان شما نیاز دارند

3

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


وبسایتی که امروز آن را به شما معرفی می‌کنم  با روشی جالب سعی می‌کند تا کار شما را در این مورد به عنوان یک طراح وب تا حد زیادی ساده کند. با کمک Five second Test قادر هستید به آسانی تاثیر طراحی‌های خود را متوجه شده و به نقاط ضعف و قوت آنها پی ببرید و البته همانطور که از اسم سرویس هم مشخص است این کار تنها ۵ ثانیه زمان می‌برد. روش کار به این صورت است که شما تصویری از طراحی خود را در سایت آپلود می‌کنید و مدل تست طراحی را از بین دو مورد زیر انتخاب می‌نمایید :
تست حافظه – که در این مورد شما به هر آزمایش‌کننده پنج ثانیه فرصت می‌دهید تا به طراحی شما نگاه کند و آنگاه از او می‌خواهید تا المان‌های مشخصی که در ذهنش مانده است را به شما اعلام کند.
تست کلیک - در این مورد هم شما پنج ثانیه به آزمایش‌کننده فرصت می‌دهید تا المان‌های خاصی از طراحی شما را پیدا و بر روی آنها کلیک نماید.
پس از ایجاد یک آزمایش لینکی به شما داده می‌شود که می‌توانید آن را در اختیار دوستان‌تان قرار داده تا پس از انجام تست نظرشان برای شما ارسال شود. همچنین بازدیدکنندگان سایت در صفحه اول نیز می‌توانند به صورت تصادفی در آزمایشات شرکت کنند که در این صورت می‌توانید به تست شدن طراحی‌تان توسط افراد دیگر هم امیدوار باشید.استفاده از این سرویس رایگان بوده و در سرویس پولی این سایت همچنین می‌توانید از کاربران بخواهید به سوالات شما در مورد طرح سایت پاسخ دهند.
اگر طراح سایت هستید احتمالا این سایت برای شما مفید واقع خواهد شد و اگر طراح نیستید می‌توانید مانند ۱۳۷۴۰۳ نفری که تاکنون در این آزمایشات شرکت کرده‌ند از کمک به طراحان سایت لذت ببرید.

 

ابزارهایی برای طراحان سایت

2

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

  • ویرایشگر آنلاین HTML

برنامه Frontpage نرم افزار خوبی برای ویرایش و یا کدنویسی به زبان HTML است.این برنامه را می توانید از سری نرم افزارهای Office نصب کنید.اما گاهی پیش می آید که به این برنامه دسترسی ندارید یا اصلا نیازی نیست برای یک ویرایش کوچک آن برنامه را باز کنید.این سایت ، به سادگی این وظیفه را برای شما انجام می دهد.کدهای مورد نظرتان را در قسمت آبی رنگ بالا نوشته و در همان زمان عملکرد کدها را در قسمت سفید پایین مشاهده کنید.

این سایت نیز نمونه دیگری از ویرایش های برخط HTML می باشد.

  • جدول رنگ ها

همانطور که احتمالا می دانید برای استفاده از یک رنگ خاص در وب ، باید از کد آن رنگ که بصورت عددی در مبنای ۱۶ است ، استفاده نمایید.این سایت و همچنین این یکی ، جدول رنگ ها را در اختیار شما قرار می دهند. رشته ۵ حرفیه داخل هر سلول ، کد رنگی آن سلول است. اما این سایت انتخاب بهتری به نظر می رسد زیرا علاوه بر شکل دهی جدول به گونه مناسبتر ، این امکان را به شما می دهد تا با استفاده از ابزار Color Picker (کاربران Photoshop با آن آشنا هستند) کد رنگ دلخواهتان را پیدا کنید.

  • کنترل کردن با مرورگرهای مختلف

همه چیز خوب و مناسب است.تمام قسمت های سایتتان در محل مناسب و مورد انتظار شما قرار دارد.برای اطمینان سایتتان را با مرورگرهای مختلف تست می کنید.Firefox2، Opera9 و Internet Explorer 7 نتیجه دلخواهتان را به شما نشان می دهند اما وقتی قصد دارید نتیجه زحماتتان را به رئیس یا مشتریتان تحویل دهید همه چیز خراب می شود.بله! سایت شما در مرورگر ایشان دست کمی از فاجعه چرنوبیل(!) ندارد و البته مرورگر ایشان هم Internet Explorer 6 ملعون است.
استفاده از این سایت باعث می شود تا نمایشی از صفحه وبتان در اکثر مرورگرهای رایج داشته باشید.طراحی شما باید با مرورگرهای رایج هماهنگ باشد.حتی اگر این مرورگر رایج IE 6 باشد!

  • کنترل کدنویسی ها

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

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

برو به بالا