MittwochsQuickie zum Thema Schatten
@nissla hat den sogenannten #MittwochsQuickie ins Leben gerufen und da heute Mittwoch ist und ich zu Quickies einfach nicht nein sagen kann (kleiner schlechter Scherz am Rande)... hier meine 10 Minuten zum Thema Schatten.
Lange waren Schatten im Design von Websites “verpönt”. Flat Design regierte für einige Zeit die Onlinewelt. Doch spätestens seit Google Material Design “dürfen” Schatten wieder mit gutem Gewissen eingesetzt werden. In der richtigen Dosis machen sie eine Website einfach spannender, laden z.B. bei Buttons zum klicken ein oder helfen dabei Elemente deutlicher von ihrem Hintergrund zu trennen.
Allerdings ist es ein sehr schmaler Grad, kleine Nuancen am Schatten können ein Design sehr schnell altmodisch und verstaubt wirken lassen.
Es ist wohl ein bisschen wie im echten Leben, ein Schatten zur richtigen Zeit an der richtigen Stelle kann wirklich super sein, aber am falschen Ort zur falschen Zeit kann er ziemlich nerven.
Mach mit beim #MittwochsQuickie und erzähl uns, wie Schatten auf dich wirkt und womit du das Thema verbindest.
Danke, dass du mitgemacht hast!
Das nächste Thema steht zwar noch nicht fest, bin aber schon gespannt, ob du es dann auch wieder mit Design und Grafik verbinden kannst ;)Richtig cooler #MittwochsQuickie Beitrag zu Schatten im Design, bei dem man sogar noch was lernen kann :)
Danke. Ich bin auch schon sehr gespannt, ich glaub für mich ist es mittlerweile schwierig ohne die "Grafik-" oder "Yogalinse" zu sehen ;-)
Wow! good!
Sehr cool, das Thema Schatten aus der Sicht der Grafikerin!
Aber stimmt schon. Die Regler beim Schlagschatten reichen von "supermegamodern" bis "back to 2010"!
Ha. Ja... es kann sehr schnell abdriften, ein Ausrutscher am Regler und BAMM. Aber zum Glück gibts ja CMD+Z... der Retter in der Not.
@beate you were flagged by a worthless gang of trolls, so, I gave you an upvote to counteract it! Enjoy!!
Congratulations @beate! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :
<p dir="auto"><a href="http://steemitboard.com/@beate" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 2x" /> Award for the number of upvotes <p dir="auto"><sub><em>Click on the badge to view your Board of Honor.<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong><span>Do not miss the last post from <a href="/@steemitboard">@steemitboard:<br /> <a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-world-cup-contest-the-results-and-prizes" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard World Cup Contest - The results, the winners and the prizes <blockquote> <p dir="auto">Do you like <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project? Then <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!Congratulations @beate! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
<p dir="auto"><a href="http://steemitboard.com/@beate" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 2x" /> Award for the number of upvotes <p dir="auto"><sub><em>Click on the badge to view your Board of Honor.<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong><span>Do not miss the last post from <a href="/@steemitboard">@steemitboard: <table><tr><td><a href="https://steemit.com/steemfest/@steemitboard/steemfest-steemitboard-support-the-travel-reimbursement-fund" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmawPYDAwfrQM8YU6ejD1f87g64cvsmEFn8RQKHJMs4zxg/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmawPYDAwfrQM8YU6ejD1f87g64cvsmEFn8RQKHJMs4zxg/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmawPYDAwfrQM8YU6ejD1f87g64cvsmEFn8RQKHJMs4zxg/image.png 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/steemfest-steemitboard-support-the-travel-reimbursement-fund" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemFest³ - SteemitBoard support the Travel Reimbursement Fund. <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!Congratulations @beate! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
<table><tr><td><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@beate/votes.png?201810311725" srcset="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@beate/votes.png?201810311725 1x, https://images.hive.blog/1536x0/https://steemitimages.com/60x70/http://steemitboard.com/@beate/votes.png?201810311725 2x" /><td>You made more than 700 upvotes. Your next target is to reach 800 upvotes. <p dir="auto"><sub><em><a href="https://steemitboard.com/@beate" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Click here to view your Board of Honor<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong><span>Do not miss the last post from <a href="/@steemitboard">@steemitboard: <table><tr><td><a href="https://steemit.com/steemfest/@steemitboard/i06trehc" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://ipfs.io/ipfs/QmU34ZrY632FFKQ1vbrkSM27VcnsjQdtXPynfMrpxDFJcF" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://ipfs.io/ipfs/QmU34ZrY632FFKQ1vbrkSM27VcnsjQdtXPynfMrpxDFJcF 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://ipfs.io/ipfs/QmU34ZrY632FFKQ1vbrkSM27VcnsjQdtXPynfMrpxDFJcF 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/i06trehc" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Be ready for the next contest!<tr><td><a href="https://steemit.com/halloween/@steemitboard/trick-or-treat-publish-your-scariest-halloweeen-story-and-win-a-new-badge" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/http://i.cubeupload.com/RUyB3u.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/http://i.cubeupload.com/RUyB3u.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/http://i.cubeupload.com/RUyB3u.png 2x" /><td><a href="https://steemit.com/halloween/@steemitboard/trick-or-treat-publish-your-scariest-halloweeen-story-and-win-a-new-badge" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Trick or Treat - Publish your scariest halloween story and win a new badge<tr><td><a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-notifications-improved" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/http://i.cubeupload.com/NgygYH.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/http://i.cubeupload.com/NgygYH.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/http://i.cubeupload.com/NgygYH.png 2x" /><td><a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-notifications-improved" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard notifications improved <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!Congratulations @beate! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
<table><tr><td><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@beate/votes.png?201812202030" srcset="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@beate/votes.png?201812202030 1x, https://images.hive.blog/1536x0/https://steemitimages.com/60x70/http://steemitboard.com/@beate/votes.png?201812202030 2x" /><td>You made more than 800 upvotes. Your next target is to reach 900 upvotes. <p dir="auto"><sub><em><a href="https://steemitboard.com/@beate" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Click here to view your Board of Honor<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!Congratulations @beate! You received a personal award!
Click here to view your Board
Congratulations @beate! You received a personal award!
You can view your badges on your Steem Board and compare to others on the Steem Ranking
Vote for @Steemitboard as a witness to get one more award and increased upvotes!