طراحی قالب سایت ها با فتوشاپ

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

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

* Getting Started with Photoshop
* Basic Skills
* Creating Buttons
* Creating Backgrounds
* Working with Text
* Adjusting Images
* Manipulating Images
* Designing a Web Site
* Advanced Photoshop Techniques
http://www.irpcn.com/images/article_images/different/download.gifدانلود: 101web design techniques (http://rapidshare.com/files/64499946/SitePoint.The.Photoshop.Anthology.101.Web.Design.Tips.Tricks .and.Techniques.rar) | 27.3 MB
منبع irpcn.co

مجموعه نکات کلیدی برای طراحان وب
به نظر شما چه تعداد از وب سايتهاي موجود، اصول طراحي حرفه اي را رعايت كرده اند؟ به جرات مي توان گفت در بيش از 70 درصد وب سايتها چنين اصولي مورد توجه قرار نگرفته است.

در اين مقاله به نكاتي اشاره مي شود كه توجه به آنها در بالا بردن كيفيت سايتهاي اينترنتي نقش بسزايي دارند.

نكات ذكر شده حاصل تجربيات شخصي و نكات ارائه شده در سايت هاي انگليسي زبان است.

* سرعت بارگذاري (load) صفحات : از مهمترين نكات در طراحي وب توجه به سرعت بارگذاري (load) صفحات سايت است كه علي رغم اين اهميت، كمتر به آن توجه مي شود. با استفاده از تكنيكهاي برنامه نويسي و طراحي وب، سرعت بارگذاري صفحات را تا حد امكان افزايش دهيد. دقت داشته باشيد كه اكثر كاربران، تحمل زيادي ندارند.

* پر رنگ كردن كلمات كليدي : در مقالات و متون طولاني قرار گرفته در سايت، كلمات و عبارات كليدي را پر رنگ كنيد. با اين كار به كاربران اجازه مي دهيد بدون مطالعه ي كل مطلب، يك طرح كلي در مورد آن در ذهن خود ترسيم كند.

* استفاده از متدهاي جديد : هميشه سعي كنيد از جديدترين متدهاي طراحي سايت اسفقاده كنيد. بسياري از روشهاي قديمي ساخت سايت ديگر مناسب نيست. براي مثال استفاده از فريم ها (Frames) ، اكتيوايس ها (ActiveX) ، اپلتهاي جاوا (JAVA Applets) و ... اگرچه در بسياري از مواقع جوابگوي نيازهاي برنامه نويسان (طراحان) سايتها است ولي استفاده از آنها ديگر توصيه نمي شود.

* كد نويسي بدون اشتباه‌ : در نوشتن كدهاي html از نرم افزارهاي ساخته شده براي اين منظور استفاده كنيد. استفاده از نرم افزارهايي چون Macromedia Dreamweaver باعث كاهش تعداد خطاهاي احتمالي در كدهاي ياد شده مي گردند.

* اعتبار سنجي سايت : پس از كد نويسي و طراحي سايت، معتبر بودن كدهاي نوشته شده را با استفاده از نرم افزارهاي مربوط به آن بررسي كنيد. براي مثال براي اعتبار سنجي كدهاي HTML و CSS به ترتيب از نرم افزارهاي آنلاين HTML-Validator و CSS-Validator استفاده نماييد.

* استفاده كمتر از فايلهاي فلش : انيميشن هاي فلش بسيار جذاب و زيبا هستند ولي زيبايي آنها هميشه نمايان نمي شود. بعضي از كاربران سايت شما ممكن است به علت نصب نبودن flash player امكان مشاهده ي تمامي بخش هاي سايت را نداشته باشند و در اين صورت در اغلب مواقع با يك كليك از سايتتان خارج مي شوند. علاوه بر اين استفاده بيش از حد از اين انيميشنها عمليات شناسايي سايت توسط موتورهاي جستجو را با مشكلاتي روبرو مي كند.

* استفاده كمتر از تصاوير حاوي عبارات كليدي : در سايت خود هيچ وقت از نوشته هايي كه به فرمت تصويري (عكس) ذخيره شده اند استفاده نكنيد. موتورهاي جستجو قابليت استخراج اين متون را ندارند.

* اطلاعات منحصر به فرد : از ميان معيارهاي موفقيت يك وب سايت، داشتن مطالب و اطلاعات مفيد از مهمترين اين معيارها به شمار مي رود. داشتن سايتي با اطلاعات منحصر به فرد بهترين برگ برنده است. لذا سعي كنيد در وب سايت خود مطالب سودمند و غير تكراري قرار دهيد. منبع مطلب بودن بهتر از انبار مطالب سايتهاي ديگر بودن است.

* عدم استفاده از موسيقي : استفاده از موسيقي تنها در وب سايتهاي مرتبط با علم موسيقي و شاخه هاي مرتبط با آن توصيه مي شود.

* عدم استفاده از پنجره هاي popup : استفاده از پنجره هاي popup نه تنها مفيد نيست بلكه باعث كم شدن تعداد بازديد كنندگان سايتتان مي شود. لذا از استفاده بي رويه از چنين پنجره هايي، جدا پرهيز كنيد.

* عدم استفاده مستقيم از فايلهاي pdf : درصورت ارائه مقالات و موارد مشابه آن، بطور مستقيم از فايلهاي pdf براي نمايش اطلاعات استفاده نكنيد. به علت پايين بودن سرعت اينترنت در ايران، توصيه مي شود مطالب مورد نظر خود را به صورت متون عادي (مشابه همين مقاله) سايت قرار دهيد. در صورت تمايل مي توانيد فايل pdf مربوط به مقاله ي مورد نظر خود را به صورت جداگانه براي دريافت (download) توسط كاربران، قرار دهيد.

* قالب و طرح واحد : استفاده از قالبها و طرح هاي متفاوت براي قسمتهاي مختلف سايت ايده جالبي نيست. در طراحي صفحات مختلف، بخشهاي مشترك بين همه صفحات (مانند منوي اصلي و ...) را در محل ثابتي قرار دهيد.

* سازگاري با همه مرورگرها : اطمينان حاصل كنيد كه سايت شما در همه مرورگرهاي معروف همچون Internet Explorer ، FireFox و ... به درستي به نمايش در مي آيد. همه كاربران از نرم افزار يكساني استفاده نمي كنند.

* سازگاري با هر رزولوشن : طراحي صفحات سايت را طوري انجام دهيد كه با هر رزولوشني به درستي كار كند. براي رسيدن به اين مقصود يا از مقدار دهي درصدي براي جداول استفاده كنيد و يا از عرض ثابت 780 پيكسل براي جدول اصلي صفحات سايت استفاده كنيد. كاربران علاقه اي به استفاده از ابزارهاي scroll افقي ندارند.

* تمايز بين لينكها و متون عادي : با استفاده از تكنيكهاي طراحي، بين لينكها و متون ديگر تمايز ايجاد كنيد. بدين منظور مي توانيد از كدهاي CSS استفاده كنيد.

* لينكهاي صحيح : هميشه سعي كنيد از سالم بودن لينكهاي موجود در وب سايتتان اطمينان حاصل كنيد. وجود لينكهاي خراب از نقطه ضعفهاي سايت به شمار مي آيد.

* استفاده مناسب از رنگها : به هنگام طراحي سايت از تركيب رنگهاي روشن استفاده كنيد. رنگهاي تيره خسته كننده هستند.

* توضيح براي تصاوير‌ : براي همه تصاوير موجود در سايت خود توضيح قرار دهيد (با استفاده از مشخصه alt). بعضي مواقع به علل مختلف تصاوير استفاده شده در سايت، بارگذاري (load) نمي شوند. در اين حالت بازديدكننده سايت مي تواند با خواندن توضيحات، بدون مشاهده تصوير، از موضوع آن مطلع گردد.

* انتخاب عنوان مناسب : عناوين مناسب براي صفحات وب از مهمترين فاكتورها براي بهينه سازي نتايج جستجو در موتورهاي جستجو به شمار مي آيد. عنوان هر صفحه را با توجه به موضوع آن صفحه تعيين كنيد.

* به روز رساني (زنده بودن سايت) : از ديگر عوامل موفقيت يك سايت به روز رساني آن است. براي حفظ بازديد كنندگان سايت خود سعي كنيد سايت خود را به محلي متروكه تبديل نكنيد. حتي اگر مطلب مهمي براي ارائه كردن در سايت نداريد، با اضافه كردن يك خط نوشته به كاربران اطلاع مي دهيد كه اين سايت هنوز زنده است.

* عدم استفاده از علائم و عباراتي همچون "در دست ساخت" : در صورتي كه بخشي از وب سايتتان آماده نيست دليلي بر استفاده از علائم و نوشته هايي با مضمون "در دست ساخت" وجود ندارد. اكثر كاربران با مشاهده چنين پيغامها و علائمي، تصوير نامناسبي از سايت شما در ذهن خود مي سازند كه از بازديد مجدد آنها از وب سايت شما جلوگيري مي كند.

* ارتباط بين صفحات سايت : اگر سايتي با بيش از يك صفحه داريد (99 درصد مواقع همينطور هست) ، آنها را طوري طراحي كنيد كه كاربران با حداقل تعداد كليك بتوانند به ديگر صفحات مورد نظرشان منتقل شوند. به عبارت ديگر لينك صفحات اصلي و مرتبط را در همه صفحات سايت بگنجانيد.

* ارتباط با سايتهاي مرتبط : با سايتهاي مرتبط با زمينه ي فعاليت سايت خود ارتباط برقرار كنيد. در چنين ارتباطاتي نتايج سودمندي پنهان است.

* امكان جستجو : در صورت امكان قابليت جستجو در مطالب سايت را در همه صفحات قرار دهيد.

* خلاقيت داشته باشيد : كارها و ابتكارات نو در اغلب موارد نتيجه ي خوبي به دنبال دارند.

* استفاده از تجربيات ديگران : از سايتهاي مرتبط با موضوع سايت خود ايده بگيريد. اگرچه ابتكار و نوآوري بهتر است ولي استفاده از تجربيات ديگران كار اشتباهي نيست. ضمنا توجه داشته باشيد كه نظر شما هميشه بهترين نظر نيست.

* انتخاب مناسب قلم : براي متون فارسي بهترين قلم (فونت) Tahoma بوده و اندازه مناسب براي آن 10pt مي باشد. استفاده از متون با اندازه بزرگتر توصيه نمي شود.

منبع: Irinfotech

تالار http://p30city.net/clear.gif آموزش طراحي و انيميشن (http://p30city.net/forumdisplay.php?f=114)

آموزش طراحی و انيميشن (http://p30city.net/showthread.php?t=5384)
آموزش مایا (http://p30city.net/showthread.php?t=5256)Guide to Maya 5 (http://p30city.net/showthread.php?t=5256)
طراحی قالب سایت ها با فتوشاپ (http://p30city.net/showthread.php?t=5571)

متاسفانه بیش از 75 درصد لینکهای این تاپیک از دسترس خارج شده اند لطفا مدیران بخش
در اصلاح , ترمیم , و یا انتقال تاپیک به بخشهای مربوطه ی این نوع تاپیکها اقدام کنند

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

این صفحه را در گوگل محبوب کنید

[ارسال شده از: پی سی سیتی]

[مشاهده در: www.p30city.net]

[تعداد بازديد از اين مطلب: 698]