28 برجسته نمونه از CSS (بخش اول)Reviewed by Amozesh3.com on Feb 23Rating:
28 برجسته نمونه از CSS (بخش اول)
از سایت های آژانس سفارشی فروشگاه های آنلاین، شما الهام بخش طراحی وب را در این نمونه های عالی CSS خواهید یافت.
این شگفت انگیز است که امروزه می توان با CSS انجام داد. پشتیبانی از آخرین ویژگی های CSS3 در آخرین نسخه های تمام مرورگرهای اصلی – حتی اینترنت اکسپلورر – قوی است و امکاناتی برای تایپوگرافی، انیمیشن و تعاملی هرگز بزرگ تر نبوده است.
اما پیدا کردن الهام از طراحی وب می تواند روی حیله و تزویر باشد.
در هسته آن راز یک وبسایت بزرگ در مورد نمایش تصاویر گرافیکی و جاسوسی نیست،
اما در ایجاد یک تجربه عالی برای کاربران از طریق طرح و ناوبری است که آنها را هدایت می کند تا جایی که می خواهند سریع و بدون نیاز به آن کار کنند.
این گفت، اگر می تواند زیبا نیز باشد، این یخ زده در کیک است.
در اینجا ما 28 نمونه عالی از سایت های CSS را نشان می دهیم که موجب الهام بخشیدن به طراحی وب خواهد شد …
01 . شرایط را تایپ کنید
28 برجسته نمونه از CSS (بخش اول)
نوع شرایط یک cheatsheet متحرک ایجاد شده توسط تیم در Supremo، آژانس طراحی وب در منچستر است.
پس از انجام برخی تحقیقات، آنها دریافتند که بیشتر اطلاعات موجود در مورد اصطلاحات تایپوگرافی تصاویر ساده و ثابت را استفاده می کنند.
این تیم به دنبال یک دلیل برای آزمایش انیمیشن SVG و CSS بود و این فرصت عالی بود.
طراح Dan Heywood می گوید: “من تصمیم گرفتم چیزی را ایجاد کنم که بصری جذاب تر باشد،
که به طراحان جدید کمک می کند تا تمام شرایط کلیدی تایپوگرافی را در یک لحظه یاد بگیرند.”
تیم بر اهمیت طراحان تاکید می کند که درک تایپوگرافی خوبی دارند.
برای کسانی که قوانین را برای اولین بار یاد می گیرند یا برای طراحان با تجربه ای که نیازمند تجدیدنظر هستند، این cheatsheet هم آموزشی و هم لذت کشف است.
محتوا متمرکز شده است، اطلاعات روشن است، و انیمیشن ها ابریشمی صاف است. نگاهی به خود و تحت تاثیر قرار دادن دوستان طراح خود را با واژگان تایپوگرافی خود را.
02. بررسی تکنولوژی MIT
28 برجسته نمونه از CSS (بخش اول)
MIT Technology Review، نشریه 117 ساله ای که فناوری را به شیوه ای که هر کسی می تواند درک کند، در تابستان امسال توسط استودیوی طراحی پیشرفته بوستون آغاز شد.
مایک سوارزز، شریک در Upstatement می گوید: “ما طرفداران Tech Review هستیم، بنابراین هنگامی که Erik Pelletier [VP of Product] به ما نزدیک شد تا در سایت کار کند، ما روان شدیم.”
امروزه غیر معمول این است که یک وب سایت نشریه طراحی شده به طوری که به شدت در اطراف تصاویر طراحی شده است، به طوری که اولین بار شما به طراحی تمیز، به نظر می رسد با الهام از سوئیس Tech Review حرکت می کند.
Swartz می گوید: “ما واقعا می خواستیم روح و روان Tech Review با سیستم طراحی سایت را جذب کنیم و برای کارگردانان هنری خود بطور خلاقانه بسازیم.” “تیتو Bottitta مدیر خلاق و طراحی ناتان هاس، طراح سیستم است که به نمایش گذاشتن هنر عالی و لذت بردن از خواندن است.”
03. BucketListly
28 برجسته نمونه از CSS (بخش اول)
BucketListly یک جامعه است که برای کمک به کاربران در باز کردن دستاوردهای زندگی واقعی در حالی که الهام بخشیدن دیگران به انجام همان کار است.
با استفاده از Ruby on Rails ساخته شده با HTML5، SCSS، CoffeeScript و jQuery، این پلتفرم توانایی اجازه دادن به مسافران و ماجراجویان داستان های خود را با دوستان خود در سایت و همچنین شبکه های اجتماعی متصل آنها به اشتراک می گذارد.
هنگامی که یک کاربر یک داستان را در BucketListly به اشتراک می گذارد، پلت فرم به صورت خودکار هر چه که، هدف و اهداف زندگی را به پایان رساند، به آنها اجازه می دهد مدال های ویژه کسب کنند و تمام داده ها را در یک جدول زمانی و نقشه زیبا نمایش دهند.
04. 96 فیل ها
28 برجسته نمونه از CSS (بخش اول)
آزمایشگاه های Viget مبتنی بر ایالات متحده یک تجربه وب متمرکز با آگاهی را ایجاد کرده است تا از حمایت از ماموریت انجمن حفاظت از حیات وحش برای محافظت از فیل آفریقایی حمایت کند.
اخیرا کمپین شانزده ساله 96 فیلمی است که به همین دلیل است که تعداد زیادی از فیل ها هر روز در آفریقا کشته می شوند.
روایت آموزشی توسط یک سری از صفحه های تک صفحه ای بیان شده است، هر کدام جزئیات عوارض بسیار واقعی را در تلاش های مداوم برای پایان دادن به اقدام غیرقانونی کشتن فیل ها برای آنها می دهد.
با وجود هدف اصلی رانندگی ثبت نام برای تقاضا، تیم ویگت کار شگفت انگیزی را در جهت متعادل نمودن فوری بودن آن انجام داده است، که فراخوانی دعوت به عمل علیه مطالب محرمانه تر و محرمانه تر محرمانه است.
جبهه و مرکز هنر مدرن است که شما را مجبور به متوقف کردن و مقابله با ماموریت عاطفی می کند.
زیبایی، لبه به لبه عکس و مجله مانند طرح تلاش ساخته شده به آن را پاسخگو یک چالش است. به جای شروع با دسکتاپ، این سایت ابتدا موبایل ساخته شد.
به این ترتیب تصمیمات طراحی به طور دقیق برای صفحه های کوچک به جای اقدام به عنوان یک پروکسی خالی از تجربه دسک تاپ مورد بررسی قرار گرفت.
05. ادغام سوابق
28 برجسته نمونه از CSS (بخش اول)
ادغام Records در دورام، کارولینای شمالی، با گروههایی مانند Arcade Fire، Superchunk و The Mountain Goats در فهرستی قرار گرفت که به دنبال شریک جدید دیجیتال Newfangled برای ایجاد یک تجربه تجارت الکترونیک در سطح جهانی برای مطابقت با کیفیت هنرمندان خود بود.
ساخته شده در NewfangledCMS، CMS مبتنی بر PHP مبتنی بر Newfangled، با HTML5 و CSS3، سایت زیبایی به اندازه دستگاه های مختلف پاسخ می دهد.
سیستم جدید در حال حاضر به صورت اتوماتیک برای اطمینان از اینکه دارایی های برچسب همه در مرکز مدیریت و در دسترس هستند. کریس باتلر، Cu Newfangled می گوید،
