انتخاب طرح برای وبسایتتان ممکن است کاری دلهرهآور باشد. بعضی اوقات، مطمئن نیستید که چه چیزی در حال رخ دادن است یا اینکه طراحی سایت شما به چه جهتی سوق پیدا میکند. بسیارخب، اینجاست که بایستی اقداماتی برای بهبود شرایط اجام دهید. ما نمیخواهیم که شما سردرگم شوید (یا هیچگونه الهام و الگویی نداشته باشید)، بنابراین در این بخش، من ۳۰ طراحی سایت زیبا و مناسب برای وب را با دقت انتخاب کردم که برای طرح شما مفید خواهد بود.
ولی ممکن است بپرسید چه چیز برجسته و مناسب بودن را خاص میکند؟
اینترنت جای وسیعی است، و سایت شما ممکن است به آسانی در آن آمیخته و گم شود، مگر اینکه شما عمداً طوری آن را طراحی کنید که برجسته و چشمگیر بنظر بیاید. طرحهای مناسب، مرتب و برجسته نظر افراد را جلب کرده و جستجو را برای کاربران آسان میکند. متن ضخیم تاثیرگذار است درحالیکه وبسایتهای معمولی شلوغ و درهم ریخته سبب میشوند کاربران، قبل از اینکه شما فرصت کنید وبسایت خود را آنطور که هست نشان دهید، از آن بگریزند. طرح مرتب و زیبا کمک میکند چیزهای اصلی برجسته و واضح بنظر برسند (مانند CTA شما) و سردرگمی را به حداقل میرساند. موارد زیر را بررسی کرده و نظر خود را بگویید.
در زیر ۳۰ طرح منظم و برجسته برای وبسایت آمده که میتوانید آنها را الگو قرار داده و از آنها الهام بگیرید.
۳۰ طراحی سایت زیبا که میتوان از آنها الهام گرفت
Everlane
Everlane با تم بازگشت به اصول اولیه (یا نامی که من به آن میدهم ، شگفت انگیز جاویدان) که با فونتی ضخیم و طراحی مناسب اشتباه در خواندن را از بین میبرد.
Catscarf
این سایت عکس بزرگی از یک گربه بسیار مودب را نشان میدهد که شال گربهها را پوشیده است (بله درست خواندید ـ شال گربه برای فروش). میبینیم که نام uber chic برای این شال گربه آمده و CTA آن در زیر آن قرار داده شده است. کاربران چکار میکنند؟ آنها خرید میکنند. چه زمانی خرید میکنند؟ همین الان!!
THISISPAPER
همانند Catscarf، THISISPAPER نیز یک تصویر جذاب با تصویر کامل را نشان میدهد که نگاهتان را مستقیماً به سمت CTA جلب میکند. یک کپی میخرید؟
Falve
گردونهای از تصاویر تمام صفحه غنی از رنگ با یک فونت sans serif ساده و مناسب، که در صفحه نخست به شما خوش آمد میگوید و از شما میخواهد که در آن سایت بمانید.
Brave People
سایت Brave People را چک کنید و خواهید دید که با یک طراحی عالی و پرشکوه به شما خوش آمد میگوید. عکسی بزرگ و زیبا و یک طرح پارالاکس بخوبی با تاثیری ساده بر تصاویر گروه با هم ترکیب شدهاند.
Intersection
سایت Intersection شما را به خیابان یک شهر بزرگ میبرد، درحالیکه دارید به یک آسمانخراش نگاه میکنید ـ و مستقیماً به منوی سایت.
میدانید چه چیز دیگری طراحی سایت شما را زیبا میکند ؟
آیا دوست دارید با پروژههای طراحی جالب و چالش برانگیز سروکار داشته باشید؟ دوست دارید با حل مسائل تجاری پیچیده برای مشتریان باهوش و مشتاق با طراحی نوآورانه، هیجان زیادی به دست آورید؟ آیا یک جای خوب پیدا کردید که در آن از یک فنجان قهوه عالی بهنگام صبح لذت ببرید؟ عجیب است ولی ما اینکار را انجام دادیم! مابدنبالطراحهایUX/UIخوبو با سابقه مثلشماهستیم. ببینید که کار کردن با ما چگونه است.
Harry’s
با گردونهای دیگر از عکسها، سایت Harry’s ، تصاویری با کیفیت با فونت sans serifرا به نمایش میگذارد. هر اسلاید حاوی توصیفی خلاقانه از ریش تراش ها ولوازم جانبی آنها میباشد.
ساعتهای GC
ساعتهای GC به شما طرحی ابدی و جاودان ارائه میکنند: نسخهای مناسب در کنار تصاویری باشکوه و برجسته.
Squarespace
گرافیک های برهم کنش؟ بله لطفاً! Squarespace تصویری برجسته را توسط انیمیشن عالی به نمایش میگذارد.
Jun Lu
این شرکت طراحی وب سایت به کار خود وارد است. یک پس زمینه خاکستری کم رنگ سبب میشود تصاویر محصولات در مرکز توجه قرار گیرد.
Jonathan Decosta
تنها یک کلمه: سیاه و سفید. این سایت تنها نشانگر میزان برجستگی و رنگ سیاه و سفید میباشد.
Escape Committee
رنگ قرمز یک رنگ قدرتمند است، و Escape Committee به طور خاصی از آن بعنوان رنگ برجسته خود استفاده میکند.
Wondersauce
تضادها در Wondersauce جلب توجه میکنند، یک شرکت توسعهی دیجیتال که از فونت سفید و مناسبی بر روی یک پس زمینه طرح چوب طبیعی استفاده میکند.
Nixon
Nixon سایت خود را به تقارن دو سویه تقسیم میکند، که در هر سو یک جنسیت نمایان است. عکسهای سیاه و سفید از یک زن و یک مرد با یک منو سه گزینهای، که کاربران را دقیقاً به جایی که باید بروند هدایت میکند.
IWC Schaffhausen
IWC Schaffhausen از کامپیوتر به بازدیدکنندگان پنجرهای رو به طبیعت را نشان میدهد، تا آنها را به کلکسیونآکواتایمر معرفی نماید؛ این طرح بطور غیرمنتظرهای برای سازندگان ساعت زیباست.
Doug Aitken: منبع
چند عکس به همراه یک موسیقی آرام در صفحه به معرفی سایت میپردازند. بعد از این مقدمه، مصاحبه های تصویری با افراد خلاق در پروژه هایشان نشان داده میشود. یک نکتهی مهم، همانطور که قبلاً گفتیم، ویدئو میتواند مستلزم دقت زیاد باشد.
Spotify
آزادانه اسکرول کنید و قول می دهیم که شما انفجاری از طراحی را مشاهده خواهید کرد. عکس هایی بزرگ و با کیفیت بالا در صفحه نقش بسته اند. صفحه ای که توسط اسکرول پارالاکس پر شده و CTA در آن به وضوح دیده می شود.
Britney Spears
این بریتنی است. ولی با جدیت تمام، تیم طراحی آن را با یک تصویر با کیفیت و فقط عکس بریتنی ترکیب کرده است. چون بریتنی نیازی ب معرفی ندارد.
Google Glass
گوگل گلس حاوی تصاویر تمام صفحه جذابی از افراد مختلفی است که عینک های گوگل گلس پوشیده اند، در موقعیت های متفاوت برای انتخاب طرح ساده ولی در عین حال عالی.
Shaun White
این سایت با یک تصویر اکشن فوق العاده از خود در ابرها به شما خوش آمد می گوید. اگر به اسنوبرد علاقه دارید قطعا این تصویر توجه شما را جلب می کند.
Jack Daniels
به محض اینکه از صفحه تایید سن بگذرید، برند سیاه و سفید در صفحه نخست ظاهر می شود، که با یک گردونهی شامل ویسکی های متنوع به شما خوش آمد می گوید.
Crop the block
Crop the block به طور حقیقی اعتبار فیلمسازی خود را با یک انتخاب عالی از کلیپ های ویدیویی جذاب و صفحه آرایی زیبا به معرض نمایش می گذارد.
Symbolset
یک پس زمینه با رنگ های متغیر با متن سفید متحرک این سایت را منحصر بفرد کرده است.
Whiteboard
Whiteboard با طراحی تک صفحهای، کنتراست های چشمگیر و افکت های mouseover (افکت هایی که توسط حرکت ماوس بر روی آیکون ها ظاهر می شوند) سایتی بسیار موثر خلق کرده است.
Liberio
Liberio بیانگر سادگی با طرحی صاف و ثابت است. سایت با گرافیک های جذاب و گیرا بر روی یک پس زمینه طلایی ملایم همراه است. آثار گرافیکی شاد و صمیمانه افراد، نمایش سه گروه بالقوه از کاربران محصول، چشمک و لبخند به شما، که ایده و طرحی خوب بنظر می رسد.
Dropbox
Dropbox یک ورودی زیبا در صفحه نخست خود طراحی کرده که دارای پس زمینه سفید و تصویر آبی می باشد.
Simon Marcarino
هــــی، عنوان صفحه گویای امر است و من موافقم: طراحی فوق العاده. مارکارینو از رنگ های برجسته با طرحی از خانه زنبور کوچک ترکیب شده با افکت ماوس اوور چشمگیر استفاده کرده است.
Cambridge Healthcare
ارائه دهندگان خدمات درمانی به ندرت وبسایت هایی با طرح زیبا دارند، ولی کمبریج این ویژگی را دارد. اطلاعات حیاتی و مهم در یک طرح آبی تک رنگ به معرض نمایش گذاشته شده است.
Pulse
با صفحه ای که بصورت افقی توسط رنگ و متن تقسیم شده، Pulse کنتراست چشمگیری با گرافیک های مناسب و ساده ایجاد کرده است.
Dropify
رنگ های گرم، درخشان و مهیج، ناحیه اصلی این طرح تک صفحه ای را بسیار چشمگیر کرده است. بعلاوه در پایین صفحه رنگ های روشن با پس زمینه سفید و ساده کنتراست ایجاد کردهاند.
خب اوضاع از چه قرار است؟
احتمالاً در بسیاری از این طراحی وب سایت ها نوعی تشابه و اشتراک مشاهده کردید. تصاویری با کیفیت بالا به همراه فونت سفید غیر serif بر روی پس زمینه رنگی. اگرچه آن طراحی نیازمند دقت است، آنها تنها راههای طراحی نیستند که شما می توانید در آن قدم بگذارید. طراحی وب برجسته، زیبا و از نظر بصری مهیج را می توانید در شکل های مختلفی مشاهده کنید، از گرافیک های ویدیویی گرفته تا گرافیک های ثابت، سیاه و سفید گرفته تا رنگ های چشمگیر و عکس های پس زمینه ای تا عکس های اسلایدی. برجستگی در ویژگی ها و حالت های مختلفی دیده می شود و این به شما بستگی دارد که چه نوع ویژگی را که به درد پروژهی شما می خورد انتخاب کنید.
خوشبختانه، شما الگوها و الهامات زیادی گرفتید از اینه چطور طراحی سایت خود را قوی کنید. نظرات خود را در رابطه با این گزینه ها با من در میان بگذارید ـ و اینکه در رابطه با طرح مناسب و برجسته چه عقیده ای دارید. ما از نظرات شما استقبال خواهیم کرد.
ممنون از مطالب خوبتون. به سایت کوچک ما هم سر بزنید
ممنون عالی بود