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

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

Miletra

Promesh Two

Focus

Enyo

گرایش های جدید دو هزارو چهارده

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

تایپوگرافی بلد

برای فشار نیاوردن به چشم باید از فونت های درشت استفاده کرد.

رنگ های زنده

مد های امسال برای رنگ، آبی روشن، سبز مغز پسته ای، شنی و بژ، و غیره میباشد.

ویدیو های با کیفیت

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

محتوای زیاد

2014 سالیست که بر داشتن محتوای مناسب و کامل تاکید بسیار شده. سعی کنید سایتتان را طوری طراحی کنید که دارای محتوا های جالب و خواندنی باشد.

چند تم فلت در وردپرس

در این مقاله می خواهیم چند تم، با طراحی فلت وردپرس به شما نشان دهیم:

IMMENSELY

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

DIVI

این تم بسیار انعطاف پذیر می باشد. از امکانات این تم می توان به ریسپانسیو بودنش، رنگ بندی نامحدودش و غیره اشاره کرد.

NOVELTY

این تم در تاریخ 12 مارچ 2014 ساخته شده است. این تم رسیپانسیو بوده و دارای امکانات بسیار و فریمورک قوی می باشد که موجب قدرت بخشیدن به سایت شما می شود به طوری که نظیر آن را کم تر می توانید بیابید.

چند افزونه وردپرس که باید در بلاگ خود داشته باشید

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

WP-PostRatings

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

Akismet

بیشتر دارندگان بلاگ از داشتن کامنت های اسپم بسیار ناراضی می باشند.این پلاگین کامنت های اسپم را جمع کرده و در قسمتی نگه میدارد و به ادمین اجازه می دهد که آن ها را در بخش coment's admin screen ببیند.

ShareThis

این افزونه برای بیشتر شبکه های اجتماعی شناخته شده است زیرا با این افزونه می توان بسیار ساده به 50 شبکه اجماعی دسترسی داشت.

جذب مشتری در فری لنسینگ در زمینه طراحی سایت

با زیاد شدن افراد فریلنسر در زمینه طراحی سایت، تصمیم گرفتیم در این پست به چند نکته مهم برای جذب مشتری اشاره کنیم:

مشتری خود را با دقت انتخاب کنید

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

تعداد مشتریان خود را افزایش دهید

برای پول در آوردن به یک یا دو مشتری اطمینان نکنید بلکه چندین مشتری همزمان داشته باشید.

اعتماد خود را به مشتری نشان دهید

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

دفتر چه راهنما برای طراحی سایت خود

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

یک معرفی نامه درست باید هدف محصول و معانی نام محصول را نشان دهد. و همچنین باید به مشتری تفاوت میان این محصول با محصول های دیگر را نیز بیان کند. در

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

یک معرفی نامه خوب باید کامل، بدون شبهه، و بروز، باشد.

برای مثال: CodeIgniter، KnockoutJS و Less چند مورد از بهترین داکیومنتیشن ها را دارند.

پنج راهکار برای افزایش سرعت فوتوشاپ

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

1. Photoshop CC را در مد 64 بیت باز کنید.

2. کامپیوتر خود را مرتب کنید.

3. از تبلت استفاده کنید.

4. از محیط کاری خود در Photoshop استفاده کنید

5. از کلید های میانبر مخصوص به خود استفاده کنید

متود های دیگری هم می تواند برای سرعت بخشیدن به طراحی با Photoshop وجود داشته باشد. اگر متود های مختلف دیگری می شناسید در قسمت نظرخواهی برای ما بنویسید.

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

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

Radial menu

یک ابزار زیبا برای حرکت منو های شما می باشد. این ابزار با CSS نوشته شده است.

HTML5 banner

بنر بسیار سازگار می باشد که با CSS و HTML5 نوشته شده است.

Govpress

یک قالب وردپرس برای سایت های دولتی می باشد.

چند افزونه ی وردپرس منتخب در این ماه

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

Style Buddy

برای ویرایش CSS و جاوا اسکریپت، روش های بسیاری برای دست نبردن به فایل های هسته ای تم ورد پرس وجود دارد. یکی از این روش ها استفاده از این افزونه است که یک جعبه متن برای CSS و یکی برای جاوا دارد که می توانید کد های خود را آنجا وارد کنید.

Post Feedback

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

Better Email Validation

این افزونه موجب حفظ بلاگ شما از نظر های اسپم و ثبت نام رباط ها می شود.

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

آنچه که باید در مورد وردپرس سه.نه بدانید

جدید ترین نسخه وردپرس به نام اسمیت برای طراحی سایت چهار روز پیش ارضه شد که تغییرات هسته ای را به همراه دارد. این بار تیم وردپرس سعی در ویرایش برنامه های پیشزمینه (back end) مانند: بروز رسانی قسمت دیداری، بروز رسانی پیش نمایش گالری و لیست مدیا ها داشتند. در اینجا به چند نکته بزرگ در مورد این نسخه اشاره خواهیم کرد:

1. توسعه دادن به ویجیت ها

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

2. بروز رسانی ویرایش گر دیداری

این قسمت دچار تغییرات فراوانی شده است که همه در قسمت کاربردی استفاده می شوند مانند: اضافه شدن دکمه افقی، (horisental line)، بروز رسانی تاینی مرکی و پیش نمایش گالری و غیره. همچنین می توانید با خاصیت درگ دراپ، تصویری را به پست خود بکشید.

3. اضافه کردن ویدیو و صدا به لیست

کاربران می توانند با استفاده از کد های کوتاه، ویدیو و صوت اضافه کنند. آپلود کردن آن ها با استفاده از Media Uploader صورت میگیرد می توانید تصاویر و ویدیو ها را به راحتی به لیست خود اضافه کنید.

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

چند قالب فارسی برای دروپال

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

1. قالب کُرپُرِت‌کلین فارسی

این قالب جزو پر استفاده ترین قالب های دروپال به شما می رود. از امکانات بی شمار این قالب کارامد ریسپانسیو بودن برای موبایل ، دو ستون یا سه ستونه بودن و وجود اسلاید شو در داخل قالب می باشد.

2. مِیو فارسی

این قالب بر گرفته از قالب MAYO می باشد. از امکانات این قالب می توان تنوع در رنگ بندی، فونت ها، اسلایدر ها و غیره نام برد.

3. قالب حرفه ای

این قالب برگرفته از professional theme می باشد که بسیار کار آمد است. امکانات این قالب ریسپانسیو بودن، چند ستونه بودن، دارای اسلایدشو های مختلف و غیره میباشد. M.p>

چند سوال که باید پیش از دوباره طراحی کردن سایت از خود بپرسید

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

1. آیا سایت احتیاج به طراحی دوباره دارد؟

2. خط مشی برند چیست؟

3. سرور قابلیت پشتیبانی امکانات اضافی شما را دارد؟

4. آیا مشتری می خواهد مدیریت محتوای قبلی خود را نگه دارد؟

5. آیا قسمت رابط کاربر (User Interface) مشکل دارد؟

6. چقدر در بهبودی روند بهینه سازی سایت کمک خواهد شد؟

7. آیا تکنولوژی هایی برای ساده تر کردن طراحی وجود دارد؟

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

شش راز در طراحی سایت جذاب

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

1. انتخاب رنگ مناسب

2. انتخاب رنگ زمینه مناسب برای متون سایت

3. انتخاب سایز مناسب با سایت

4. سرعت در بارگذاری سایت

5. انتخاب لوگوی مناسب

6. نداشتن اشتباهات املایی

با رعایت این چند روش موجب بازدید های فراوان شده و حرفه ای بودن خود را نشان دهید.

چند ابزار آنلاین برای HTML

می دانید که HTML5 آخرین تکنولوژی طراحی سایت میباشد که موجب زیبا تر شدن وب سایت شما خواهد شد. چند ابزار برای ویرایش کد های HTML وجود دارد که بسیار کار ها را برایتان آسانتر می کند.

1. HTML KickStart

2. HTML5 audio maker

3 Test HTML5 Code Online

4. HTML5 Video Player

5. HTML5 Outliner

این چند ابزار برای ویرایش HTML بسیار موثرند. اگر با این برنامه ها روبرو شده اید، در موردشان در قسمت نظرخواهی ما را آگاه کنید.

سه ابزار معرکه برای طراحان سایت

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

UI Stencils—Responsive Sketch Pad

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

Macaw The code savvy web design tool

این ابزار برای سهولت و انعطاف در ویرایش تصاویر، زمان نوشتن HTML و CSS خواهد شد.

User Interfaces

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

طراحی ریسپانسیو (قسمت سوم)ا

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

1. مطالب را در صفحات زیاد نکنید

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

2. متون را واضح بنویسید

هرچه می توانید کانتنت کمتر در طراحی موبایل خود قرار دهید. سعی کنید مطالب بیشتر را به سایت اصلی لینک کنید.

3. برای یک نمایشگر کوچک طراحی کنید

از قرار دادن تصاویر زیاد خودداری کنید. جذاب کردن طراحی رضایت بیشتر کاربران را به دنبال خواهد داشت.

سه راهنمایی برای طراحی ریسپانسیو (قسمت دوم)ا

در مقاله پیش چهار نکته را مطرح کردیم که به طراحی سایت ریسپانسیو بسیار کمک می کند. در این مقاله نیز به 3 نکته دیگر اشاره می کنیم:

1. به محتوا دقت کنید

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

2. ورودی های کاربر را کوتاه نگه دارید

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

3. طراحی خود را به برند تبدیل کنید

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

در مقاله های بعدی به چند مورد دیگر اشاره خواهیم کرد.

چهار راهنمایی برای طراحی ریسپانسیو

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

1. ساده طراحی کنید

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

2. برنامه ی خود را خلاصه کنید

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

3. کاربران را مستقیم هدایت کنید.

قبل از جست و جو در سایت، کاربران باید وارد آن شوند. به این ترتیب باید حتما بتوانید کاربران وارد شده با موبایل را شناسایی کرده و مستقیم آن ها را به آن صفحه هدایت کنید.

4. سازگاری برنامه خود را تست کنید

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

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

شش مکان معرکه برای حضور طراحی سایت شما

تقریبا همه چیز و همه کس در سال 2014 در اینترنت قابل دسترس هستند. و اگر یک راه طلایی برای شغل طراحان و برنامه نویسان موجود باشد، آن تبلیغ کارشان است.

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

About me

اگر به دنبال مکانی ساده برای نمایش طرح خود می گردید about me بسیار برایتان مناسب خواهد بود.

همچنین اگر می خواهید یک رزومه کوچکی برای خود بسازید، اینجا را به شما پیشنهاد می کنیم.

Dribbble

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

اگر می خواهید که با طراحان دیگر هم ارتباط داشته باشید، Dribbble را به شما پیشنهاد می کنیم.

DeviantArt

این سایت به هیچ عنوان جدید نیست، اما حتما نام آن را در گوگل دیده اید.

شما در اینجا سرشناسان هنر، دانشآموزان هنر، طراحان و غیره را خواهید یافت.

Flickr

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

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

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

3 ابزار برای آسان تر کردن طراحی

در زیر به چند ابزار برای پیشرفت در طراحی سایت شما اشاره می کنیم:

1. Skala

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

2. Stylify Me

این ابزار برای جست و جوی استایل ها مانند رنگ زمینه، عکس و غیره بسیار مناسب است. کافیست در فیلد بالای صفحه آدرس سایت را وارد کرده و روی دکمه Stylify Me کلیک کنید. حتی می توانید نتیجه را در قالب PDF نیز ذخیره کنید.

3. Divvy

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

نکات اساسی در طراحی سایت

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

بالانس

بالانس به معنی هماهنگی و تقارن میان عکس ها و رنگ ها و غیره در وبسایت می باشد.

رنگ

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

استفاده از فضای سفید

فضای سفید برای سایت حکم نفس کشیدن در هوای آزاد را دارد. می توانید محیط هر المان را با فضای سفید پر کنید.

پیوند و کانکشن

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

اما بدون وحدت، طراحی بسیار مشکل و تقریبا غیر ممکن خواهد شد.

p> با دقت این نکات، شانس برترین بودن را به خود خواهید داد و همچنین در میان رقبای خود بهترین مخاطبین را جذب خواهید کرد.