{"id":127,"date":"2023-12-01T03:52:56","date_gmt":"2023-12-01T03:52:56","guid":{"rendered":"https:\/\/theplus.so\/blog\/?p=127"},"modified":"2023-12-01T03:52:56","modified_gmt":"2023-12-01T03:52:56","slug":"notion-image-carousel","status":"publish","type":"post","link":"https:\/\/theplus.so\/blog\/notion-image-carousel\/","title":{"rendered":"8 Bad Designed Notion Image Carousel (Notion Widgets)"},"content":{"rendered":"\n<p>I will show 8 bad <strong>Notion image carousel<\/strong> designs encountered by those who want to make <strong>aesthetic Notion templates<\/strong> but cannot. I will also explain their solutions. &#x1f389;<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>I studied graphic design at university. I graduated. So I&#8217;m a <strong>designer <\/strong>with a <strong>certificate<\/strong>. \ud83d\ude42 Although we want to make aesthetic Notion templates, we can sometimes use even <strong>breathtakingly beautiful<\/strong> tools badly. The first one of these:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Use Only the Notion Image Carousel!<\/h2>\n\n\n\n<p>You might like to add a <strong>Notion carousel image<\/strong> to your template for a more aesthetic design. But the problem is that &#8220;<em>only<\/em>&#8221; adding it may not be enough. It is not enough to have your template with only 1 feature. The basic formula for making an <strong><a href=\"https:\/\/theplus.so\/blog\/image-carousel-notion\/\">aesthetic Notion template<\/a><\/strong> is &#8220;<em>details<\/em>&#8220;. So don&#8217;t think that you will be guaranteed with only one thing. (<em>Example: only 3d carousel slider image<\/em>)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Sizes of Images in the Notion Image Carousel<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" data-src=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-1-1024x576.jpg\" alt=\"Bad Good Notion Image Carousel 1\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;width:840px;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure>\n\n\n\n<p>Slide&#8217;s just sitting there. Waiting to be used. You can use it when you add an image to it. The problem is that when you add images of different sizes, you get an ugly image. One big and one small. <strong>That&#8217;s not aesthetic!<\/strong><\/p>\n\n\n\n<p><strong>The human brain<\/strong> works on colors and symmetry. Not only that, of course. But symmetry is important in this case. If you want to use a <strong>beautiful carousel<\/strong>, make each image the same size. For example, make them all square. 500&#215;500. Or rectangular. Maybe a triangle. But let them all have a layout. In this way, you will get better-looking designs.<\/p>\n\n\n\n<p><strong>The human brain<\/strong> operates based on colors and symmetry, among other factors. Symmetry holds significance in this context. If you want to use a <strong>beautiful carousel<\/strong>, make each image the same size. For instance, consider making them all square, such as 500&#215;500, or rectangular, or even triangular. The key is to maintain consistent layouts for each image. This approach enhances the overall visual appeal of the designs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Use Outside the General Design<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" data-src=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-2-1024x576.jpg\" alt=\"Bad Good Notion Image Carousel 2\" class=\"wp-image-133 lazyload\" data-srcset=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-2-1024x576.jpg 1024w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-2-300x169.jpg 300w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-2-768x432.jpg 768w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-2.jpg 1280w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\" \/><\/figure>\n\n\n\n<p>If you have designed a red-intensive template. If the images are colorful,<strong> this is not aesthetic<\/strong>. You can add images in shades of red instead.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Problem Adding Link to Carousels<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" data-src=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-3-1024x576.jpg\" alt=\"Bad Good Notion Image Carousel 3\" class=\"wp-image-134 lazyload\" data-srcset=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-3-1024x576.jpg 1024w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-3-300x169.jpg 300w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-3-768x432.jpg 768w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-3.jpg 1280w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\" \/><\/figure>\n\n\n\n<p>You can add a link to each image. However, the user does not know if there is a link in that carousel. That&#8217;s why you need to tell him that there are links. Either you explain it with a text. Either with a video. Or you write that the carousel images can be clicked on either the first or all of them. Or you can be more creative and add a mouse pointer image there. After all, it must be understood that it is clicked. Otherwise, you cannot convey your message.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Adding Too Many Images<\/h3>\n\n\n\n<p>It depends on the Notion templates you make, but in general, putting too many images can bore the user. This is something we don&#8217;t want, so it&#8217;s better not to go crazy like adding 100 images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Adding Very Large Images<\/h3>\n\n\n\n<p>Adding <strong>4K images<\/strong> or adding <strong>very large images<\/strong> creates a <strong>disadvantage <\/strong>for you. Because covering the whole page affects the <strong>experience <\/strong>badly. Your goal is not only to design <strong>aesthetic Notion templates<\/strong>. It is also to ensure that the template does not lose its purpose. If you make designs that will not be used, no one will use it.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">7. Bad Font<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" data-src=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-4-1024x576.jpg\" alt=\"Bad Good Notion Image Carousel 4\" class=\"wp-image-135 lazyload\" data-srcset=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-4-1024x576.jpg 1024w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-4-300x169.jpg 300w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-4-768x432.jpg 768w, https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/bad-good-notion-image-carousel-4.jpg 1280w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\" \/><\/figure>\n\n\n\n<p>Utilizing a font that fails to complement the design you&#8217;ve crafted results in an aesthetic disconnect. The chosen font should seamlessly align with the text presented within the image. The selection of fonts for text in images plays a crucial role in shaping aesthetics.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">8. Mismatched Colours<\/h4>\n\n\n\n<p>I have already mentioned colors, but colors are also important in the text used in the image carousel. Never use incompatible or very close tones! In other words, if you place white text on a light yellow background, it will not be easily readable. To resolve this issue, you need to select a <strong>different color<\/strong> that provides sufficient contrast between the text and the background. Of course, this scenario applies to a scenario where you are willing to write white text on a light yellow.<\/p>\n\n\n\n<p>In fact, you can see that the basic design rules work here too. I strongly recommend confirming the designs. Sometimes we focus so much on designing that what looks great to us can look terrible to others. You can do this by asking someone. Or you can do it by stepping away from your design for a while. For example, give a day off. When your holiday is over, you can be sure that you will design with a completely different spirit.<\/p>\n\n\n\n<p>If you want more articles on &#8220;<strong><a href=\"https:\/\/theplus.so\/blog\/category\/how-to-make-aesthetic-notion-templates\/\">How to Make Aesthetic Notion Templates<\/a><\/strong>&#8220;, <a href=\"https:\/\/notionplus.substack.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">please subscribe to the newsletter for free<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.<\/p>\n","protected":false},"author":1,"featured_media":142,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[9,10,24,26,36,37,50,64,73,83,91],"class_list":["post-127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-make-aesthetic-notion-templates","tag-3d-carousel-slider","tag-aesthetic-notion-templates","tag-how-to-make-aesthetic-notion-templates","tag-image-carousel","tag-notion-carousel","tag-notion-carousel-image","tag-notion-image-carousel","tag-notion-templates","tag-notion-widgets","tag-slider-image","tag-widgets-notion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)<\/title>\n<meta name=\"description\" content=\"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theplus.so\/blog\/notion-image-carousel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)\" \/>\n<meta property=\"og:description\" content=\"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theplus.so\/blog\/notion-image-carousel\/\" \/>\n<meta property=\"og:site_name\" content=\"Notion Widgets, thePlus.so Blog (NotionPlus)\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-01T03:52:56+00:00\" \/>\n<meta name=\"author\" content=\"ugurkilci\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)\" \/>\n<meta name=\"twitter:description\" content=\"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ugurkilci\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theplus.so\/blog\/notion-image-carousel\/\",\"url\":\"https:\/\/theplus.so\/blog\/notion-image-carousel\/\",\"name\":\"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)\",\"isPartOf\":{\"@id\":\"notionplus.dev\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/theplus.so\/blog\/notion-image-carousel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/theplus.so\/blog\/notion-image-carousel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/notion-image-carousel.jpg\",\"datePublished\":\"2023-12-01T03:52:56+00:00\",\"author\":{\"@id\":\"notionplus.dev\/blog\/#\/schema\/person\/6235d04ff6ecd453b6492d417d448590\"},\"description\":\"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theplus.so\/blog\/notion-image-carousel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/theplus.so\/blog\/notion-image-carousel\/#primaryimage\",\"url\":\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/notion-image-carousel.jpg\",\"contentUrl\":\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/notion-image-carousel.jpg\",\"width\":1280,\"height\":720,\"caption\":\"Notion Image Carousel\"},{\"@type\":\"WebSite\",\"@id\":\"notionplus.dev\/blog\/#website\",\"url\":\"notionplus.dev\/blog\/\",\"name\":\"Notion Widgets, thePlus.so Blog (NotionPlus)\",\"description\":\"Design more aesthetic Notion templates with Notion Widgets free!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"notionplus.dev\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"notionplus.dev\/blog\/#\/schema\/person\/6235d04ff6ecd453b6492d417d448590\",\"name\":\"ugurkilci\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"notionplus.dev\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g\",\"caption\":\"ugurkilci\"},\"sameAs\":[\"https:\/\/theplus.so\/blog\"],\"url\":\"https:\/\/theplus.so\/blog\/author\/ugurkilci\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)","description":"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theplus.so\/blog\/notion-image-carousel\/","og_locale":"en_US","og_type":"article","og_title":"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)","og_description":"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.","og_url":"https:\/\/theplus.so\/blog\/notion-image-carousel\/","og_site_name":"Notion Widgets, thePlus.so Blog (NotionPlus)","article_published_time":"2023-12-01T03:52:56+00:00","author":"ugurkilci","twitter_card":"summary_large_image","twitter_title":"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)","twitter_description":"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.","twitter_misc":{"Written by":"ugurkilci","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theplus.so\/blog\/notion-image-carousel\/","url":"https:\/\/theplus.so\/blog\/notion-image-carousel\/","name":"8 Bad Designed Notion Image Carousel (Notion Widgets) - Notion Widgets, thePlus.so Blog (NotionPlus)","isPartOf":{"@id":"notionplus.dev\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theplus.so\/blog\/notion-image-carousel\/#primaryimage"},"image":{"@id":"https:\/\/theplus.so\/blog\/notion-image-carousel\/#primaryimage"},"thumbnailUrl":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/notion-image-carousel.jpg","datePublished":"2023-12-01T03:52:56+00:00","author":{"@id":"notionplus.dev\/blog\/#\/schema\/person\/6235d04ff6ecd453b6492d417d448590"},"description":"I will show 8 bad Notion image carousel designs encountered by those who want to make aesthetic Notion templates but cannot.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theplus.so\/blog\/notion-image-carousel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theplus.so\/blog\/notion-image-carousel\/#primaryimage","url":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/notion-image-carousel.jpg","contentUrl":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/12\/notion-image-carousel.jpg","width":1280,"height":720,"caption":"Notion Image Carousel"},{"@type":"WebSite","@id":"notionplus.dev\/blog\/#website","url":"notionplus.dev\/blog\/","name":"Notion Widgets, thePlus.so Blog (NotionPlus)","description":"Design more aesthetic Notion templates with Notion Widgets free!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"notionplus.dev\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"notionplus.dev\/blog\/#\/schema\/person\/6235d04ff6ecd453b6492d417d448590","name":"ugurkilci","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"notionplus.dev\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g","caption":"ugurkilci"},"sameAs":["https:\/\/theplus.so\/blog"],"url":"https:\/\/theplus.so\/blog\/author\/ugurkilci\/"}]}},"_links":{"self":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":0,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/media\/142"}],"wp:attachment":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}