طراحان وب

  • آیا امکان طراحی سایت با فتوشاپ وجود دارد؟

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

     

    مقدمه ایی به فتوشاپ

    فتوشاپ برای طراحی لوگو و پوستر و ویرایش عکس توسعه داده شد. اما توانایی آن به حوزه توسعه وب سایت نیز ادامه پیدا کرد. و امروز برخی توسعه دهندگان می توانند از فتوشاپ برای توسعه مدل (mock-up) طرح بندی (layout) وب سایت و حتی تولید کد از طراحی استفاده کنند.

    شرکت ادوب در واقع برای نظر عموم توجه کرده و سعی نموده تا قدمی در زمینه توسعه وب با کمک ابزار فتوشاپ بردارد. بدین جهت آن ها چندین ابزار را در جهت توسعه وب بهبود داده اند.

    شکی نیست که طراح حرفه ایی می تواند با استفاده از یک ویرایشگر متن ساده مانند Notepad یک صفحه وب سایت زیبا را توسعه دهد. اما از سوی دیگر فتوشاپ پر از ابزار ها، ترفند ها و میان بر ها برای توسعه وب است. طبق تجربه فتوشاپ این امکان را فراهم می کند که طراح سایت پیش از مرحله کد نویسی 100% مدل را فراهم کند و امروز ابزاری ضروری از توسعه، طراحی و بهینه سازی وب است.

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

    فتوشاپ با امکان ارائه کدهای CSS از تصاویر و طراحی ها، نمونه سازی و غیره می تواند در فرایند طراحی Front-end به کمک توسعه دهنده گان وب سایت بیاید. خیلی کار ها با کد نویسی ممکن است اما در فتوشاپ سرعت و راحتی کار است که به کمک طراح می آید.

     

    چرا فتوشاپ

    طراحان وب می توانند از برنامه های مختلفی برای انجام کار استفاده کنند. مثلا برخی از طراحان با استفاده ازAdobe Illustrator (AI)  و حتی Adobe InDesign برای نمایش بصری سایت به مشتری و توسعه دهنده گان وب استفاده می کنند.

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

    من از Illustrator استفاده کردم و سعی نمودم که در امکانات ارائه شده در آن به دنبال چیزی برای راحت کردن کار هایم بیابم، اما کاربرد آن زیاد هم طول نکشید چون این نرم افزار چیزی کم دارد که فتوشاپ آن را دارد. و آن پیکسل است. البته که در Illustrator هم از پیکسل استفاده شده است اما تفاوتی در این دو نرم افزار است. وقتی که یک طراح می خواهد یک Front-end را توسعه دهد از سیستم پیکسل استفاده می کند روشی مرسوم در بین طراحان. اما در Illustrator شما هیچ وقت نمی توانید درک خوبی از پیکسل داشته باشید. شاید عجیب باشد اما با زوم کردن متوجه تفاوت فتوشاپ و Illustrator خواهید شد. در فتوشاپ در هر حالتی مقیاس و پیکسل مشخص هستند. اما در استفاده از Illustrator با استفاده از “one pixel rule” شما حس می کنید بجای یک پیکسل دو پیکسل دارید. در مجموع وقتی در این دو نرم افزار دقیق می شوید متوجه تفاوت آن ها در مدیریت پیکسل خواهید شد.

    با استفاده از Smart Object و قرار دادن Element ها در یک طراحی Global بسیاری از طراحان هدر ها، footer ها و سایر اجزا را جدا از هم نگه می دارند. اگر یک مشتری بخواهد که تغییری در یکی از این قسمت ها بدهد آن وقت شما باید آن را فقط در یک قسمت اعمال کنید. این یکی از خصوصیات عالی فتوشاپ در طراحی است.

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

    راحتی تنظیم رزولوشن

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

    فرمت های مختلف

    فتوشاپ در بهینه سازی تصاویر در فرمت های مختلف به شما کمک می کند. این ابزار از فرمت های SVG، PNG، GIF و JPG و غیره پشتیبانی می کند. این برنامه همچنین برای ذخیره کردن به فرمت های مختلف دارای خروجی های متنوع پیش فرض نیز می باشد.

    تنوع فونت

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

    ...
  • 6 پیش بینی برای طراحی سایت در سال 97

     

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

    سال نو پیشاپیش مبارک!! سعی میکنیم پیش بینی کنیم که در 12 ماه  آینده چه اتفاقی برای صنعت ما خواهد افتاد.

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

    با این حال این پست در مورد روند غیر منتظره، تغییرات و تلاش برای پیش بینی چشم انداز های پیش روی ما است، زیرا آنها مانند تغییرات آب و هوایی در حال تغییر هستند.

     

  • تازه های طراحی سایت در سال 2018

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

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

  • مد در دنیای طراحی صفحات وب

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

  • طراحی سایت سفارشی منسوخ شده

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

  • نکاتی برای طراحی وب سایت های خبری و مجلات

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

  • برند سازی توسط طراحی سایت

    برند شدن با سایت

    • برند شدن

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

  • گناهان مهلک در طراحی سایت

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

  • اشتباهات بزرگ در طراحی سایت که باعث می شود وب سایت شما غیر حرفه ای به نظر برسد

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

info [ at ] sitedar.com
تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7
22083926 - 22085386 - 22082258
طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد
پشتیبانی آنلاین مشتریان 24 ساعته و هفت روز هفته