CINXE.COM

2025年もすごい、世界が注目する最先端ウェブデザインまとめ | PhotoshopVIP

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name="theme-color" content="#ffeb3b"> <style id="jetpack-boost-critical-css">@media all{.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}:where(.wp-block-columns){margin-bottom:1.75em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-center{width:100%}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-lightbox-overlay{box-sizing:border-box;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:0 0;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay button{background:0 0;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}ul{box-sizing:border-box}.entry-content{counter-reset:footnotes}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}}@media all{.mc4wp-form input[name^=_mc4wp_honey]{display:none!important}.mc4wp-form-basic{margin:1em 0}.mc4wp-form-basic input,.mc4wp-form-basic label{box-sizing:border-box;vertical-align:baseline;width:auto;height:auto;line-height:normal;display:block}.mc4wp-form-basic input:after,.mc4wp-form-basic label:after{content:"";clear:both;display:table}.mc4wp-form-basic label{margin-bottom:6px;font-weight:700;display:block}.mc4wp-form-basic input[type=email],.mc4wp-form-basic input[type=text]{width:100%;max-width:480px;min-height:32px}.mc4wp-form-basic input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block}}@media all{html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}article,figure,header,li,main,nav{display:block}figure,h1,h3,p,ul{margin:0;padding:0}h1,h3{font-size:inherit}strong{font-weight:700}a,button{color:inherit}a,ins{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:0}img{max-width:100%;height:auto;border:0}.clearfix:after{content:"";display:block;clear:both}*{box-sizing:border-box}ul ul{margin-top:0;margin-bottom:0}strong{line-height:1}ul{list-style-position:inside}ul li{display:list-item}ul li ul{margin:0 0 0 1em}ul{list-style:none}.zeen-widget li{margin:6px 0}h1{font-size:2em}h3{font-size:1.2em}.zeen-widget ul{list-style:none}.site-inner .drop-search input,.site-inner input[type=text]{height:48px;background:0 0;border:1px solid #eee;border-radius:0;letter-spacing:.01em;padding:0 15px;color:inherit;width:100%}.site-inner input[type=search]{background:0 0;border:0}.site-inner input[type=text]{-webkit-appearance:none;-moz-appearance:textfield}.widget_search form{border:1px solid #eee;color:#999}.widget_search form *{color:#999}.widget_search .search-submit{height:48px;float:right;width:48px}.widget_search .search-field{width:100%;padding:0 20px}.widget_search ::-webkit-input-placeholder{color:inherit}.widget_search ::-moz-placeholder{color:inherit}.widget_search :-ms-input-placeholder{color:inherit}.zeen-widget .menu li{display:block!important}.zeen-widget .menu .sub-menu{opacity:1;visibility:visible;margin:0}.zeen-widget .sub-menu{min-width:0!important;display:block;background:0 0;transform:none!important}.zeen-widget .sub-menu li{border-bottom:0}.zeen-widget .sub-menu li a{padding:10px 0!important;display:inline}.zeen-widget .standard-drop .sub-menu,.zeen-widget .sub-menu{position:static;visibility:inherit;opacity:inherit}h1,h3{line-height:1.2}.rounded-corners .mask,.rounded-corners .mask img{border-radius:5px}article{min-width:0}.site-inner{min-height:100vh;position:relative}input{font:inherit}.link-color-wrap a{position:relative;text-underline-position:under}.site-skin-2{color:#eee}.tipi-overlay{height:100%;width:100%;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.tipi-overlay-base{z-index:101;position:fixed;opacity:0;visibility:hidden}.tipi-overlay-dark{background:#000}.tipi-overlay-light{background:#1f1f25}.mask{line-height:0;position:relative}.mask img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mask .secondary-img{position:absolute;top:0;left:0;opacity:0}.tipi-all-c,.tipi-vertical-c{align-items:center}.horizontal-menu.tipi-flex-eq-height>li{display:flex;align-items:center}.tipi-all-c{justify-content:center}.tipi-flex-eq-height{align-items:stretch}.tipi-all-c,.tipi-flex,.tipi-flex-eq-height,.tipi-vertical-c{display:flex}.tipi-flex-r{text-align:right;flex:1;justify-content:flex-end}input::-webkit-input-placeholder{color:inherit}input::-moz-placeholder{color:inherit}.align-fs{overflow-x:hidden}.contents-wrap{width:100%;text-align:center}.content-bg{text-align:left}.content-bg>.tipi-cols{background:unset}.logo{line-height:0}.logo a{vertical-align:top;display:inline-block}.logo img{width:auto;vertical-align:top}.logo span{display:block}.menu-icon-subscribe i{padding-right:5px}.bg-area{position:relative}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.site-img-1 .background{background-repeat:no-repeat;background-position:center center;background-size:cover}.site-skin-1{background:#fff}.block-wrap:not(.skin-inner)>.tipi-row-inner-style{background-image:none;background-color:transparent}.site-skin-2{background:#1c1d1e}.site-skin-2{color:#fff}.block-skin-0{background:0 0}.skin-light .block-skin-0 .tipi-arrow{border-color:#111;color:#111}.skin-light .block-skin-0 .tipi-arrow i:after{background:#111}.block-wrap:not(.skin-inner){background-repeat:no-repeat;background-size:cover;background-position:center center}.menu-icons{flex-shrink:0}.menu-icons>li>a{padding-left:10px;padding-right:10px}.menu-icons>li>a span{padding-left:7px}.horizontal-menu>li{display:inline-block}.horizontal-menu .menu-icon-mode,.horizontal-menu .menu-icon-style-3>a{display:inline-flex;align-items:center}.horizontal-menu .sub-menu{margin:0}.menu-main-menu,.menu-secondary{flex-wrap:wrap}.sticky-menu{z-index:50;top:0;position:relative}.site-mob-header.sticky-menu{width:100%!important}#progress{position:absolute;bottom:-3px;height:3px;width:0;background-color:#ef2673;opacity:0}.mob-bot-share{position:fixed;bottom:0;height:45px;width:100%;transform:translatey(200%);z-index:5}.mob-bot-share .share-buttons{text-align:center;height:inherit;display:flex}.mob-bot-share .share-button{width:50%;color:#111;text-transform:uppercase;font-size:10px;height:inherit;float:left;line-height:45px}.mob-bot-share i{font-size:16px}.mob-bot-share-1 .share-button{color:#fff}.mob-bot-share-1 .share-button-fb{background:#3b5998}.mob-bot-share-1 .share-button-pin{background:#bd081c}.mob-bot-share-1 .share-button-hatena{background:#00a4de}.horizontal-menu>li>a{display:inline-block}.main-navigation{position:relative}.menu-icon a:before{font-weight:400!important}.menu-icon i{font-weight:400!important}.bg-area>*{position:relative;z-index:11}.bg-area .background{z-index:0;position:absolute}.logo{display:inline-block}.site-mob-header{position:relative;z-index:10}.site-mob-header .bg-area{background:inherit;max-width:100%}.site-mob-header .logo-main-wrap{text-align:center}.site-mob-header .menu-right{flex:1;margin-right:-7px;margin-left:auto;text-align:right;justify-content:flex-end}.site-mob-header .icons-wrap li{display:flex}.site-mob-header .icons-wrap li a{padding:0 7px}.site-mob-header-2 .logo-main-wrap{text-align:left}.menu-item-has-children>a:after{font-family:tipi;content:"";margin-left:5px;line-height:1;font-size:inherit}.menu-mobile .sub-menu{opacity:0;visibility:hidden;margin-left:-5px;text-align:left;position:absolute}.menu-mobile .sub-menu:not(.opened-child) li{display:none}.menu-mobile .sub-menu li{margin:0;position:relative;padding:5px 30px}.menu-mobile .sub-menu li a{padding:0}.mobile-navigation-dd .menu-item-has-children>a:after{display:none}.mob-menu-wrap{position:fixed;width:100%;height:100%;z-index:102;top:0;left:0;bottom:0;font-size:18px}.mob-menu-wrap .content-wrap{height:100%}.mob-menu-wrap .content{height:100%;padding:30px 45px;display:flex;flex-direction:column;flex-grow:1;overflow:auto}.mob-menu-wrap .vertical-menu{margin:auto;width:100%;font-size:18px}.mob-menu-wrap .vertical-menu li{margin-bottom:7px;font-weight:400;text-transform:none;padding-right:0}.mob-menu-wrap .vertical-menu>li>.sub-menu{font-size:13px;padding-top:7px}.mob-menu-wrap .mobile-navigation{margin-top:30px;margin-bottom:30px;display:flex;overflow:auto;flex-direction:column;flex-grow:1}.mob-menu-wrap .menu-icons{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.mob-menu-wrap .menu-icons li{margin:0 5px 10px}.mob-menu-wrap .menu-icons .menu-icon-style-3{display:block;margin-bottom:10px}.mob-menu-wrap .bg-area{height:100%}.mob-menu-wrap .tipi-close-icon{position:absolute;top:20px;right:20px;font-size:30px;z-index:12;line-height:1}.mob-menu-wrap .content>*{opacity:0;transform:translatex(-20px)}.site-mob-menu-4 .mob-menu-wrap .mobile-navigation{margin-top:0;padding-top:30px}.site-mob-menu-4 .mob-menu-wrap .tipi-close-icon{top:30px}.site-mob-menu-4 .mob-menu-wrap .menu-mobile li{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0}.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu,.site-mob-menu-4 .mob-menu-wrap .menu-icons,.site-mob-menu-4 .mob-menu-wrap .menu-mobile li a{padding:15px 20px;margin:0}.site-mob-menu-4 .mob-menu-wrap .menu-item-has-children a:first-child{width:calc(100% - 60px)}.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu,.site-mob-menu-4 .mob-menu-wrap .menu-mobile li{border-bottom:1px solid rgba(255,255,255,.2)}.site-mob-menu-4 .mob-menu-wrap .sub-menu{width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:0!important}.site-mob-menu-4 .mob-menu-wrap .sub-menu li:last-of-type{border-bottom:0;padding-bottom:0}.site-mob-menu-4 .mob-menu-wrap .content{padding-left:0;padding-right:0}.site-mob-menu-4 .mob-menu-wrap .menu-icons{padding-bottom:5px}.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu{width:100%;padding-top:0;padding-bottom:30px}.site-mob-menu-a-1 .mob-menu-wrap{transform:translateX(100%)}.tipi-i-menu-mob{width:12px;height:2px;background:#fff;position:relative;margin:0 auto;border-radius:1px;display:block}.tipi-i-menu-mob:after,.tipi-i-menu-mob:before{width:inherit;display:block;height:inherit;border-radius:inherit;background:inherit;content:"";position:absolute;width:125%}.tipi-i-menu-mob:before{top:-5px}.tipi-i-menu-mob:after{top:5px}.site-mob-header.site-skin-1 .tipi-i-menu-mob{background:#111}.site-mob-header.site-skin-1 .menu-icon{color:#111}.mob-tr-open{display:block;padding-top:0!important;padding-bottom:0!important;height:25px}.mob-tr-open i{margin-right:3px;float:right;top:calc(50% - 1px)}.block-more-1{font-weight:700}.block-more-2{margin-left:3px}.no-more{opacity:.25}.block-changer{opacity:.5}.block-mm-init{opacity:1}.meta{-webkit-backface-visibility:hidden;backface-visibility:hidden}.tipi-row-inner-box{position:relative;background:inherit}.tipi-row-inner-style{width:100%;background:inherit}.block{position:relative;align-items:stretch;flex-flow:row wrap}.block article{position:relative}.mask-img{display:block;width:100%;height:100%}.block-wrap{border:0;margin-left:auto;margin-right:auto;border-image-slice:1;width:100%;display:block;text-align:left}.block-wrap .tipi-row-inner-style{border-image-slice:1}.tipi-row-inner-box{width:100%}.ppl-m-3 .block,.ppl-s-2 .block{justify-content:space-between}.preview-mini-wrap{position:relative}.stack-design-1{text-align:left}.block-title{display:inline-block;line-height:1}.block-title-wrap{position:relative;width:100%}.block-title-wrap:not(.page-header-skin-4) .filters{background:inherit}.block-title-wrap .block-title-area{position:relative}.block-title-wrap .filters{position:relative;font-weight:400;font-size:12px;margin-top:6px;text-transform:none;letter-spacing:1px;color:#aaa;z-index:4}.block-title-wrap .load-more-wrap-2{margin-right:0}.module-block-title{margin-bottom:30px}.block-title-1{margin-bottom:30px}.byline{font-weight:400!important;margin-bottom:-7px}.byline .byline-part{vertical-align:middle}.byline-2{margin-bottom:-3px}.elements-design-3 .byline-part{margin-right:10px}.cats .cat{margin-right:10px;display:inline-block}.cats .cat:last-of-type{margin-right:0}.cats .cat-with-bg{border-radius:3px;padding:0 5px;color:#fff!important}.byline-part{margin-bottom:5px;display:inline-block}.byline-part i{margin-right:3px}.meta{float:left;width:100%}.meta .title{font-size:22px;padding-top:.5em}.meta .title a{display:inline-block;max-width:100%}.meta .subtitle{font-size:1em}.tipi-m-typo .title{font-size:22px;padding-top:10px}.tipi-s-typo .title{padding-top:8px}.tipi-s-typo .subtitle{font-size:15px;padding-top:5px}.tipi-s-typo .byline-3{padding-top:10px}.tipi-s-typo .title-wrap:first-of-type .title{padding-top:20px}.mode__wrap{padding:0 5px!important}.mode__wrap .mode__inner__wrap{position:relative;text-align:center;padding-left:0!important;width:30px;height:30px;overflow:hidden}.mode__wrap .mode__inner__wrap i{position:absolute;width:100%;margin-right:0!important;z-index:1;height:100%;transform:translate(0,100%) rotate(-60deg)}.mode__wrap .mode__inner__wrap i:before{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mode__wrap:not(.mode--alt) .tipi-i-moon{transform:translatey(0) rotate(0)}.site-mob-header .mode__wrap .mode__inner__wrap{background:0 0}.site-mob-header .mode__wrap .mode__inner__wrap i{color:inherit}.img-ani-base .mask{overflow:hidden}.counter{-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero{width:100%;line-height:0;background:#eee;overflow:hidden;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.hero img{width:100%;height:100%;margin-top:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-wrap{position:relative;overflow:hidden;z-index:0}.hero-wrap:not(.cover-11) .hero{max-height:100vh}.hero img,.hero-background img{opacity:0}.entry-content{word-break:break-word}.title-above .meta-wrap{padding-bottom:30px}.title-above.hero-s .hero-wrap{margin-bottom:30px}.media-icon{text-align:center;z-index:3;color:#fff;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.media-icon i{display:inline-block}.media-icon{width:40px;height:40px}.media-icon i{font-size:18px;line-height:40px}.icon-size-s i{font-size:15px}.icon-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.icon-base-3{top:15px;left:15px}.icon-base-3 i{color:#000}.icon-base-3 .icon-bg{background:#fff}.format-gallery:not(.post-wrap) .image__count{color:#000;font-size:12px;margin-left:7px}.format-gallery:not(.post-wrap):not(.preview-thumbnail) .media-icon{width:auto!important;padding-left:12px;padding-right:12px}.format-gallery:not(.post-wrap):not(.preview-thumbnail) i{vertical-align:middle}.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-3{font-size:15px}.format-gallery:not(.post-wrap):not(.preview-thumbnail) .icon-base-3 i{font-size:inherit!important}.single-content{z-index:1;position:relative;padding-top:30px}.block-da-post_above_fi{margin-bottom:20px}.entry-content-wrap p{margin-bottom:1em}.share-it{line-height:1;justify-content:space-between;flex-wrap:wrap}.share-it a{display:inline-block}.share-it .social-count,.share-it .social-tip{display:inline-block;font-size:10px;letter-spacing:1px;font-weight:700;padding-left:7px;text-transform:uppercase}.share-it i{display:inline-block;vertical-align:middle}.meta-wrap .meta~.share-it{float:left;width:100%;display:block;padding-top:20px}.meta-wrap .meta~.share-it a:first-of-type{margin-left:0!important}.meta-wrap .meta-no-sub~.share-it{padding-top:30px}.abs-fs{position:absolute;top:0;left:0;width:100%;height:100%}.abs-fs img{width:100%;height:100%;margin-top:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1}.hero-background+.hero{padding:12.5%;background:0 0!important;z-index:2}.hero-background+.hero img{border-radius:3px;box-shadow:0 20px 30px rgba(0,0,0,.2)}.hero-background+.hero~.meta-wrap{z-index:2;padding:30px;position:relative}.hero-background+.hero~.meta-wrap .byline,.hero-background+.hero~.meta-wrap .byline a,.hero-background+.hero~.meta-wrap h1{color:#fff}.hero-background+.hero~.meta-wrap .share-it{padding-top:30px}.share-button-content{justify-content:center;width:100%;height:100%}.share-it-bold .share-button{height:45px;min-width:115px;text-align:center;padding:0 20px;color:#fff}.share-it-bold.share-it-4 .share-button{min-width:0;margin-right:10px;overflow:hidden}.share-it-bold.share-it-4 .share-button-content{flex-wrap:wrap}.share-it-bold.share-it-4 .share-button-content>*{width:100%}.share-it-bold.share-it-4 .share-button-content i:not(:last-child){margin-top:auto}.share-it-bold.share-it-4 .share-button-content .social-count{padding-left:0;margin-bottom:auto;margin-top:5px}.share-it-bold.share-it-4 .share-button{width:45px!important;margin-right:15px!important;padding:0;border-radius:50%}.share-it-bold .social-count{padding-left:10px}.share-it-bold .share-button-fb{background:#3b5998}.share-it-bold .share-button-lm{background:#56b535}.share-it-bold .share-button-pin{background:#bd081c}.share-it-bold .share-button-hatena{background:#00a4de}.article-layout-skin-1 .next-prev-posts .mask i{color:#000}.title{word-wrap:break-word}.breadcrumbs-wrap{text-align:left}.breadcrumbs-wrap.breadcrumbs-sz-m .breadcrumbs{padding-top:0}.breadcrumbs{padding:15px 0;flex-wrap:wrap}.breadcrumbs .crumb,.breadcrumbs i{margin-right:5px;display:inline-block}.current-date{margin-right:10px;flex-shrink:0}.trending-inline .main-title-wrap .tipi-trending-icon{line-height:inherit}.trending-inline .main-title-wrap .trending-text{padding-left:5px}.counter{position:absolute;z-index:2;top:7px;left:10px;border-radius:50%;display:inline-block;height:40px;width:40px;text-align:center}.counter:before{font-size:12px;position:absolute;display:block;content:counter(block);z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.counter:after{z-index:1;background-color:#121314;content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:inherit}.counter~.media-icon{display:none!important}.trending-accent-border{border:2px solid transparent}.trending-inline-wrap .counter{line-height:40px}.trending-inline-wrap .counter:before{height:100%;width:100%;left:0;top:0;transform:none}.trending-inline-wrap .trending-accent-border{line-height:36px}.trending-inline .main-title-wrap:before{display:none}.trending-inline-drop{top:100%;padding:0!important;z-index:105!important;color:#fff;background-color:#121314}.trending-inline-drop .trending-inline-wrap .block article a{padding:0;font-size:inherit;color:#fff}.trending-inline-drop .trending-inline-title{width:100%;padding:20px 40px 0;display:flex;align-items:center;margin-bottom:-20px}.trending-inline-drop .trending-inline-title .trending-op-title{float:left;font-size:2em}.trending-inline-drop .trending-inline-title .trending-ops{margin-left:auto}.trending-inline-drop .trending-inline-title .trending-op{margin-left:15px;display:inline-block;padding:0}.trending-inline-drop .format-gallery .media-icon{display:none!important}.trending-inline-drop .trending-selected{border-bottom:2px solid #fff}.trending-inline-drop .block-wrap{background-color:#121314}.trending-inline-drop .block-wrap .mask{background-color:#121314}.trending-inline-drop .block-wrap article .title{font-size:14px}.block{counter-reset:block}.block article{counter-increment:block}.site-footer .sub-menu{display:none}.to-top{display:inline-block}.to-top a{transform:translateY(0);border-radius:50%}.to-top a i{display:inline-block}.to-top__fixed .to-top{position:fixed;bottom:20px;right:20px;z-index:6;padding:0;margin:0}.to-top__fixed .to-top .tipi-arrow.tipi-arrow-m{width:40px;height:40px;line-height:40px;border:0}.to-top__fixed .to-top:not(.past__mid){transform:translateY(15px);opacity:0;visibility:hidden}.to-top-2 i{border-radius:50%}.to-top-2 a{display:inline-block}.modal-wrap{z-index:110;opacity:0}.modal-wrap .close,.tipi-overlay-base .close{z-index:2;position:absolute;top:30px;right:30px}.modal-wrap .close i,.tipi-overlay-base .close i{font-size:40px;color:#fff}.tipi-overlay-base .close{opacity:0}.modal-wrap{width:100%;height:100%;left:0;top:0}.modal-wrap .content-custom{position:relative;width:100%;margin-left:auto;margin-right:auto;text-align:center;max-width:calc(100vw - 30px)}.modal-wrap .tipi-overlay{background-color:#fff;z-index:1;opacity:.8}.modal-wrap .content-block{z-index:2;border-radius:10px;position:absolute;opacity:0;padding:0 30px;visibility:hidden;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-wrap .content-block .bg-area{border-radius:3px}.modal-wrap .content-custom{transform:translate(-50%,-50%) translatey(-30px)}.modal-wrap .subscribe-wrap{padding:0}.modal-wrap .content{position:relative;height:100%;padding:0 30px;justify-content:center}.modal-wrap .close i{opacity:0}.modal-wrap .content-latl,.modal-wrap .content-subscribe{transform:translateY(-50%) translateY(-20px) translateX(-50%)}.tipi-x-outer{opacity:0}.tipi-x-wrap{line-height:0}.content-subscribe-style{width:80%;max-width:770px;text-align:center}.content-subscribe-style .content-subscribe-inner{position:relative;z-index:1;width:100%}.content-subscribe-style .subscribe-form{clear:both}.content-subscribe-style .subtitle{font-size:18px;max-width:450px;margin-bottom:20px;color:inherit}.mc4wp-form-fields input{width:100%;border:0;border-radius:0;font-size:15px}.mc4wp-form-fields input[type=email]{padding:0;border:0}.mc4wp-form-fields input[type=submit]{font-weight:400;width:100%;margin-top:15px;background:#111}.mc4wp-form-fields input{height:48px;background-color:transparent}.mc4wp-form-fields input[type=email]{border-bottom:2px solid #222;padding:0}.mc4wp-form-fields input[type=submit]{border-radius:2px}.content-subscribe-2 .tipi-modal-bg{padding:30px}.content-subscribe-2 .subtitle{margin-left:auto;margin-right:auto}.search-field{-webkit-appearance:none;background:0 0;border:0}.search-field::-webkit-search-cancel-button{-webkit-appearance:none;opacity:0}.content-search{width:100%;text-align:center;color:#111}.content-search .search-submit{display:none}.content-search .search-field{border-radius:0;color:#111;font-size:30px;border:0;width:100%;border-bottom:1px solid #e4e4e4;text-align:center}.content-search .search-field::-webkit-input-placeholder{color:#111}.content-search .search-field::-moz-placeholder{color:#111;opacity:1}.content-search .search-field:-ms-input-placeholder{color:#111}.content-search .suggestions-wrap a{margin-right:5px}.content-search .suggestions-wrap a:before{content:"#"}.content-search .search{opacity:0;transform:translate3d(0,-20px,0)}.content-search .search-hints{opacity:0;font-size:12px;align-items:baseline;transform:translate3d(0,10px,0)}.content-search .search-hints .search-hint{display:block;margin-left:auto;flex-shrink:0}.content-found-wrap{opacity:0;transform:translate3d(0,5px,0);height:0}.content-found-wrap .tipi-button{margin-top:15px}.drop-search-wrap .modal-tr{min-width:28px}.drop-search{position:absolute;right:0;width:350px;top:100%;z-index:2;color:#000;opacity:0;visibility:hidden;z-index:103}.drop-search .search{border:0}.drop-search .search .search-field{border:0!important;color:#fff;background-color:#141516;border-radius:0}.drop-search .search .search-submit{display:none}.drop-search .button-wrap{width:100%;text-align:center}.drop-search .content-found-wrap{background:#fff;width:100%;border:#f1f1f1 1px solid;border-top:0}.drop-search .content-found-wrap .tipi-button{width:100%}.drop-search .tipi-button{margin-top:20px}.drop-search-wrap{position:relative}.content-latl{position:relative}.tipi-button{display:inline-block;border-radius:2px;-webkit-appearance:none;padding:0 20px;background:#000;outline:0;border:0;height:44px;line-height:40px;border:2px solid transparent;color:#fff!important}.button-arrow{position:relative;padding-left:30px;padding-right:30px}.button-arrow>i{opacity:0;position:absolute;top:50%;font-size:1em;transform:translate3d(0,-50%,0)}.button-arrow .button-title{display:inline-block}.button-arrow-r>i{transform:translate3d(-10px,-50%,0);right:20px}.mask{background:#eee}.preview-79 .title-wrap:first-child .title{padding-top:15px}.tipi-arrow{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #fff;color:#fff;border-radius:1px;text-align:center}.tipi-arrow i{position:relative;display:inline-block}.tipi-arrow i:after{transform:scaleY(0);content:"";width:1px;height:15px;background:#fff;display:block;position:absolute;left:50%}.tipi-arrow.tipi-arrow-s{height:26px;width:26px;line-height:24px;font-size:12px}.tipi-arrow.tipi-arrow-s i{line-height:inherit}.tipi-arrow.tipi-arrow-s i:after{width:10px}.tipi-arrow.tipi-arrow-m{height:60px;width:60px;line-height:60px;font-size:20px}.tipi-arrow.tipi-arrow-m i:after{width:2px}.tipi-arrow-t i:after{bottom:calc(50% - 15px);margin-top:-25px;margin-left:-1px;transform-origin:0 top}.tipi-arrow-l i:after,.tipi-arrow-r i:after{transform:scaleX(0);width:15px!important;height:2px;margin-left:-2px;transform-origin:left 0;top:50%}.tipi-arrow-l i:after{left:50%;margin-left:-2px;transform-origin:left 0}.tipi-arrow-l.tipi-arrow-s i:after{height:1px;width:10px!important}.tipi-arrow-r i:after{left:calc(50% - 15px);margin-left:2px;transform-origin:right 0}.tipi-arrow-r.tipi-arrow-s i:after{height:1px;width:10px!important;left:calc(50% - 10px);margin-left:1px}.tipi-row{margin-left:auto;margin-right:auto;width:100%;padding-left:20px;padding-right:20px}.tipi-col{position:relative;min-height:1px;float:left}.tipi-cols{position:relative}.tipi-xs-12{width:100%}@font-face{font-family:tipi;font-weight:400;font-style:normal;font-display:block}[class^=tipi-i-]{font-family:tipi!important;speak:none;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;font-size:inherit;line-height:1;letter-spacing:0;-ms-font-feature-settings:"liga"1;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tipi-i-hatena:before{content:""}.tipi-i-line:before{content:""}.tipi-i-moon:before{content:""}.tipi-i-sun:before{content:""}.tipi-i-bolt:before{content:""}.tipi-i-camera:before{content:""}.tipi-i-long-left:before{content:""}.tipi-i-long-right:before{content:""}.tipi-i-close:before{content:""}.tipi-i-search-thin:before{content:""}.tipi-i-arrow-right:before{content:""}.tipi-i-calendar:before{content:""}.tipi-i-chevron-right:before{content:""}.tipi-i-mail:before{content:""}.tipi-i-search:before{content:""}.tipi-i-x:before{content:""}.tipi-i-facebook:before{content:""}.tipi-i-pinterest:before{content:""}.tipi-i-angle-left:before{content:""}.tipi-i-angle-right:before{content:""}.tipi-i-angle-up:before{content:""}@media only screen and (min-width:481px){.ppl-s-2 article{flex:0 0 calc(50% - 15px);width:calc(50% - 15px)}.ppl-s-3 article{flex:0 0 calc(33.3333333333% - 20px);width:calc(33.333% - 20px)}.block-title-1 .block-title{position:relative}.block-title-1 .block-title-area{width:100%}.block-title-1 .load-more-wrap-2{margin-left:15px;margin-right:0}.block-title-1 .load-more-wrap-2:first-of-type{margin-left:30px}.with-load-more{display:flex}.with-load-more .filters{flex-shrink:0}.ppl-s-3 .tipi-s-typo .title{font-size:16px;padding-top:10px}.preview-61.separation-border-style:last-child,.preview-61.separation-border-style:nth-last-child(2),.preview-61.separation-border-style:nth-last-child(3){padding-bottom:0;border-bottom:0;margin-bottom:0}.next-prev__design-1 .mask i{position:absolute;top:50%;left:50%;opacity:0;font-size:25px;color:#000}.next-prev__design-1 .prev-block i{transform:translate3D(calc(5px - 50%),-50%,0)}.next-prev__design-1 .next-block i{transform:translate3D(calc(-50% - 5px),-50%,0)}.hero-43{display:flex;align-items:center}.hero-43 .hero,.hero-43 .meta-wrap{width:50%!important}}@media only screen and (min-width:860px){.tipi-m-0{display:none}.tipi-m-6{width:50%}.tipi-cols{margin-left:-15px;margin-right:-15px}.tipi-col{padding-right:15px;padding-left:15px}.tipi-row{padding-left:30px;padding-right:30px}.ppl-m-3 article{flex:0 0 calc(33.3333333333% - 20px);width:calc(33% - 20px)}.ppl-m-5 article{flex:0 0 calc(20% - 10px);width:calc(20% - 10px)}.ppl-s-3 .tipi-s-typo .title{font-size:1.6rem}.sub-menu{background:#282828}.sub-menu a:not(.tipi-button){padding:8px 25px;display:block;font-weight:400}.sub-menu li{border-bottom:1px dotted #333}.sub-menu li:last-of-type{border-bottom-color:transparent}.standard-drop>.sub-menu{min-width:200px}.standard-drop>.sub-menu>li{position:relative}.standard-drop .sub-menu{position:absolute;opacity:0;visibility:hidden}.standard-drop .sub-menu a{padding:10px 25px;color:inherit}.mm-skin-1 .mm-art .menu-wrap{background:#f2f2f2}.mm-skin-1 .mm-art .sub-menu{background:#eee}.mm-skin-1 .zeen-lazy-load-base{background:#eee}.mm-skin-1 .menu-wrap .block-title{color:#222}.mm-skin-1 .menu-wrap .tipi-arrow{color:#111;border-color:#111}.mm-skin-1 .menu-wrap .tipi-arrow i:after{background:#111}.mm-skin-1 .sub-menu li{border-bottom-color:#e5e5e5}.menu-main-menu>li>a{padding-left:8px;padding-right:8px}.secondary-navigation .horizontal-menu{text-align:left}.menu.tipi-row{padding:0}.drop-it>.menu,.drop-it>a:before{opacity:0;visibility:hidden}.drop-it .title a{font-size:inherit}.drop-it .block-wrap{padding:40px!important}.drop-it .block-wrap .block-title-wrap{margin-top:-10px}.drop-it .block-wrap .block-title-wrap .load-more-wrap-2{margin-top:0}.drop-it .block-wrap .tipi-m-typo .title{font-size:18px}.drop-it .block-wrap:not(.tile-design-4) .block-61,.drop-it .block-wrap:not(.tile-design-4) .block-79{margin-bottom:-10px}.drop-it .block-title-wrap .block-title{font-size:30px;padding-bottom:5px}.drop-it .block-title-wrap .filters{position:relative;display:flex;margin-top:0;flex-shrink:0;align-items:center}.drop-it .block-title:after,.drop-it .block-title:before{display:none}.drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap{text-align:center}.drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap .title{font-size:15px;padding-top:20px}.drop-it .block-title-wrap{opacity:0}.main-menu-bar-color-3 .dropper>a{position:relative}.main-menu-bar-color-3 .dropper>a:before{position:absolute;bottom:0;z-index:11;left:0;content:"";width:100%;border-bottom:3px solid transparent;opacity:0}.main-menu-bar-color-3 .dropper .dropper a:before{display:none}.mm-11 article{margin-bottom:0}.menu-wrap-more-10{flex-direction:row-reverse}.menu-wrap-more-10 .block-wrap{width:100%}.mm-art>.menu{position:absolute;z-index:10;width:100%;left:0;top:100%}.mm-submenu-1 .sub-menu li{border-bottom:0}.menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu{float:left;width:25%;padding-top:30px}.menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu .dropper{position:relative}.menu-item-has-children.mm-sb-left .block-wrap{padding:30px;float:right;width:75%}.menu-item-has-children.mm-sb-left .block-wrap .block-title-wrap{margin-top:0}.menu-item-has-children.mm-sb-left .block-wrap .block-61{margin-bottom:0}.menu-bg-area{width:100%}.secondary-menu-skin-2 .menu-bg-area{background-color:#181818}.logo-main-wrap.tipi-vertical-c .logo{margin-right:30px}.secondary-wrap{display:flex;position:relative;z-index:102}.secondary-wrap .trending-inline{margin-right:5px}.secondary-wrap .menu-icons{margin-left:auto;flex:1}.secondary-wrap .current-date,.secondary-wrap .secondary-navigation{float:left}.secondary-wrap .current-date{padding-left:5px}.secondary-wrap .secondary-navigation{flex-shrink:0;margin-right:10px}.secondary-wrap,.secondary-wrap a{font-weight:inherit}.vertical-menu{left:0;width:inherit}.body-header-style-51 .main-navigation .menu-icons{margin-left:auto}.main-navigation .horizontal-menu>li>a{height:100%;display:flex;align-items:center}.nav-grid{position:relative;z-index:5}.nav-grid .menu-icons{justify-content:flex-end;text-align:right}.logo-menu-wrap{float:left}.logo-menu-wrap .logo-main-menu{margin-right:20px;padding-left:5px}.menu-content-wrap,.sticky-part{transform-style:preserve-3d}.menu-content-wrap{position:relative}.sticky-p2{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;visibility:hidden}.sticky-p2 .sticky-p2-inner{padding:0 30px;transform:translateY(100%);height:100%}.sticky-p2 .mode__wrap{margin-left:15px}.sticky-p2 .title-wrap{display:flex;min-width:0}.sticky-p2 .share-it{margin-left:auto;flex-shrink:0}.sticky-p2 .share-it .share-button{margin:0 0 0 20px!important}.sticky-p2 .share-it i{font-size:15px;margin-right:5px}.sticky-p2 .pre-title{font-weight:700;text-transform:uppercase;margin-right:10px;display:inline-block;flex-shrink:0}.sticky-p2 .title{text-transform:uppercase;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:30px}.sidebar-off .main-block-wrap{margin-left:auto;margin-right:auto;float:none}.content-subscribe-2 .tipi-modal-bg{padding:60px 30px}.content-subscribe-2 .mc4wp-form-fields{max-width:450px;margin:0 auto}.content-search .search-field{font-size:42px}.content-search .search-hints{display:flex}.content-search .search-hint{text-align:right}.content-search .suggestions-wrap{text-align:left;order:-1}.content-found-wrap .tipi-button{margin-top:45px}.tipi-modal-bg{display:flex;align-items:center}.entry-content-wrap{padding-top:0}}@media only screen and (min-width:860px) and (max-width:1019px){.main-navigation .horizontal-menu>li>a,.menu-icons>li>a{padding-left:7px!important;padding-right:7px!important}}@media all and (orientation:portrait) and (min-width:860px){.content-search{margin-top:-100px}}@media only screen and (min-width:1020px){.tipi-l-8{width:66.6666666667%}.title-side .meta{padding-right:30px}.icon-size-s{width:40px;height:40px}.icon-size-s i{font-size:15px;line-height:40px}.sidebar-off .main-block-wrap{padding-left:45px;padding-right:45px}}@media only screen and (min-width:1240px){.secondary-menu-width-1 .mm-art .menu{width:calc(100% - 60px);margin-left:30px}.secondary-menu-width-1 .current-date{padding-left:10px}.tipi-s-typo .title{font-size:1.6rem}.tipi-s-typo .subtitle{font-size:1.2rem}.tipi-s-typo .title-wrap:first-of-type .title{padding-top:30px}.img-ani-2 .mask img{transform:translate3d(-5px,0,0) scale(1.05)}.ppl-m-5 article{flex:0 0 calc(20% - 24px)}.align-fs .alignwide{width:1170px;max-width:none;transform:translatex(-50%);margin:45px 0 45px 50%;z-index:3;position:relative}.content-search .search-hints{padding-top:5px}.content-subscribe .tipi-modal-bg{min-height:420px}.menu-main-menu>li>a{padding-left:12px;padding-right:12px}}@media only screen and (min-width:1600px){.tipi-m-typo .title{font-size:2rem;line-height:1.33333}.content-search .search-field{font-size:5rem}}@media only screen and (max-width:1239px){input[type=email],input[type=search],input[type=text]{font-size:16px}.nav-grid .sticky-part{padding:0 20px}.main-menu-width-1 .nav-grid.tipi-row .sticky-part{padding:0}.share-it:after{content:"";width:calc(33.333333% - 10px)}}@media only screen and (max-width:1019px){.share-it:not(.share-it-text):not(.share-it-11){margin-bottom:10px}.share-it:not(.share-it-text):not(.share-it-11) .share-button{margin:0 0 20px}.share-it-bold .share-button{min-width:130px}}@media only screen and (max-width:859px){.tipi-xs-0{display:none}.tipi-m-typo .title{font-size:1.2rem}.single-content .hero-wrap{margin:-30px -20px 20px}.single-content .meta-wrap+.hero-wrap{margin-top:0}.wp-block-column{margin-bottom:1em}.wp-block-column:last-child{margin-bottom:0}input[type=search]::-webkit-search-cancel-button{display:none}.content-found-wrap .tipi-button{margin-top:30px}.content-search{padding:0}.content-search .search-hints{padding-top:5px;text-align:center}.content-search .search-hints .search-hint{display:none}}@media only screen and (max-width:480px){.mob-menu-wrap .menu-icons{justify-content:space-between}.share-it:not(.share-it-text):not(.share-it-11) .share-button{width:calc(50% - 10px)}.hero-background+.hero{padding-bottom:0}.hero-background+.hero+.meta-wrap{text-align:center}.mc4wp-form-fields input,.mc4wp-form-fields p{width:100%}.mc4wp-form-fields input{text-align:center}.next-prev-posts i{display:none}.separation-border-style:not(.split-1){margin-bottom:0;border-bottom:0;padding-bottom:0}}@media only screen and (max-height:730px){.modal-wrap .close,.tipi-overlay-base .close{right:15px}}}@media all{:root{--page-title-display:block}h1.entry-title{display:var(--page-title-display)}}@media all{h1.entry-title{display:var(--page-title-display)}}</style><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v24.8.1) - https://yoast.com/wordpress/plugins/seo/ --> <title>2025年もすごい、世界が注目する最先端ウェブデザインまとめ | PhotoshopVIP</title> <meta name="description" content="今年公開された「すごい!」と話題のウェブサイトを厳選。デザイナー必見の最新トレンドと参考デザインをまとめました。" /> <link rel="canonical" href="https://photoshopvip.net/162763" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="article" /> <meta property="og:title" content="2025年もすごい、世界が注目する最先端ウェブデザインまとめ" /> <meta property="og:description" content="今年公開された「すごい!」と話題のウェブサイトを厳選。デザイナー必見の最新トレンドと参考デザインをまとめました。" /> <meta property="og:url" content="https://photoshopvip.net/162763" /> <meta property="og:site_name" content="PhotoshopVIP" /> <meta property="article:publisher" content="https://facebook.com/photoshopvip" /> <meta property="article:author" content="https://facebook.com/photoshopvip" /> <meta property="article:published_time" content="2025-02-07T11:56:34+00:00" /> <meta property="article:modified_time" content="2025-03-13T02:22:08+00:00" /> <meta property="og:image" content="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp" /> <meta property="og:image:width" content="1000" /> <meta property="og:image:height" content="605" /> <meta property="og:image:type" content="image/webp" /> <meta name="author" content="vipcrew" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="今年公開された「すごい!」と話題のウェブサイトを厳選。デザイナー必見の最新トレンドと参考デザインをまとめました。" /> <meta name="twitter:creator" content="@https://twitter.com/instagram" /> <meta name="twitter:site" content="@instagram" /> <meta name="twitter:label1" content="執筆者" /> <meta name="twitter:data1" content="vipcrew" /> <meta name="twitter:label2" content="推定読み取り時間" /> <meta name="twitter:data2" content="21分" /> <script data-jetpack-boost="ignore" type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://photoshopvip.net/162763#article","isPartOf":{"@id":"https://photoshopvip.net/162763"},"author":{"name":"vipcrew","@id":"https://photoshopvip.net/#/schema/person/0e6b89f478dfe7449880b147a3455898"},"headline":"2025年もすごい、世界が注目する最先端ウェブデザインまとめ","datePublished":"2025-02-07T11:56:34+00:00","dateModified":"2025-03-13T02:22:08+00:00","mainEntityOfPage":{"@id":"https://photoshopvip.net/162763"},"wordCount":131,"publisher":{"@id":"https://photoshopvip.net/#/schema/person/0e6b89f478dfe7449880b147a3455898"},"image":{"@id":"https://photoshopvip.net/162763#primaryimage"},"thumbnailUrl":"https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp","articleSection":["ウェブデザイン"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https://photoshopvip.net/162763","url":"https://photoshopvip.net/162763","name":"2025年もすごい、世界が注目する最先端ウェブデザインまとめ | PhotoshopVIP","isPartOf":{"@id":"https://photoshopvip.net/#website"},"primaryImageOfPage":{"@id":"https://photoshopvip.net/162763#primaryimage"},"image":{"@id":"https://photoshopvip.net/162763#primaryimage"},"thumbnailUrl":"https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp","datePublished":"2025-02-07T11:56:34+00:00","dateModified":"2025-03-13T02:22:08+00:00","description":"今年公開された「すごい!」と話題のウェブサイトを厳選。デザイナー必見の最新トレンドと参考デザインをまとめました。","breadcrumb":{"@id":"https://photoshopvip.net/162763#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://photoshopvip.net/162763"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https://photoshopvip.net/162763#primaryimage","url":"https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp","contentUrl":"https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp","width":1000,"height":605},{"@type":"BreadcrumbList","@id":"https://photoshopvip.net/162763#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://photoshopvip.net/"},{"@type":"ListItem","position":2,"name":"2025年もすごい、世界が注目する最先端ウェブデザインまとめ"}]},{"@type":"WebSite","@id":"https://photoshopvip.net/#website","url":"https://photoshopvip.net/","name":"PhotoshopVIP","description":"Photoshopの無料素材や、フリーフォント、最新ニュース、チュートリアルをいち早くお届けするデザインブログ","publisher":{"@id":"https://photoshopvip.net/#/schema/person/0e6b89f478dfe7449880b147a3455898"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://photoshopvip.net/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":["Person","Organization"],"@id":"https://photoshopvip.net/#/schema/person/0e6b89f478dfe7449880b147a3455898","name":"vipcrew","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https://photoshopvip.net/#/schema/person/image/","url":"https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo@2x-1-1.png","contentUrl":"https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo@2x-1-1.png","width":359,"height":33,"caption":"vipcrew"},"logo":{"@id":"https://photoshopvip.net/#/schema/person/image/"},"sameAs":["https://facebook.com/photoshopvip","https://x.com/https://twitter.com/instagram"],"url":"https://photoshopvip.net/author/vipcrew"}]}</script> <!-- / Yoast SEO Premium plugin. --> <link rel='dns-prefetch' href='//www.google-analytics.com' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel="alternate" type="application/rss+xml" title="PhotoshopVIP &raquo; フィード" href="https://photoshopvip.net/feed" /> <link rel="alternate" type="application/rss+xml" title="PhotoshopVIP &raquo; コメントフィード" href="https://photoshopvip.net/comments/feed" /> <!-- photoshopvip.net is managing ads with Advanced Ads 2.0.6 – https://wpadvancedads.com/ --> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <noscript><link rel='stylesheet' id='wp-block-library-css' href='https://photoshopvip.net/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='wp-block-library-css' href='https://photoshopvip.net/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='wp-block-library-theme-css' href='https://photoshopvip.net/wp-includes/css/dist/block-library/theme.min.css?ver=6.7.2' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='wp-block-library-theme-css' href='https://photoshopvip.net/wp-includes/css/dist/block-library/theme.min.css?ver=6.7.2' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='vip-blocks-button-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/button/style-index.css?ver=0.1.0' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='vip-blocks-button-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/button/style-index.css?ver=0.1.0' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <style id='vip-blocks-button-group-style-inline-css' type='text/css'> .vip-blocks-button-group,.wp-block-vip-blocks-button-group{margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-button-group,.wp-block-vip-blocks-button-group{margin-bottom:var(--bottomSpaceMobile)!important}} </style> <noscript><link rel='stylesheet' id='vip-blocks-box-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/box/style-index.css?ver=0.1.0' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='vip-blocks-box-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/box/style-index.css?ver=0.1.0' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <style id='vip-blocks-timeline-style-inline-css' type='text/css'> .vip-blocks-timeline{counter-reset:item;margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-timeline{margin-bottom:var(--bottomSpaceMobile)!important}} </style> <style id='vip-blocks-timeline-item-style-inline-css' type='text/css'> .vip-blocks-timeline-item{counter-reset:item;margin-bottom:var(--bottomSpaceDesktop)!important;padding:0 0 1.5em 1.8em;position:relative}@media(max-width:767px){.vip-blocks-timeline-item{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-timeline-item:not(:first-of-type):not(:last-of-type) .vip-blocks-timeline-item__marker{background-color:transparent}.vip-blocks-timeline-item:before{background:#ccd5db;bottom:0;content:"";display:block;left:6px;position:absolute;top:24px;width:3px}.vip-blocks-timeline-item:last-of-type:before{content:none}.vip-blocks-timeline-item__label{color:#90969a;font-size:14px;font-weight:700;line-height:1.3;padding-top:5px}.vip-blocks-timeline-item__title{font-size:1.1em;font-weight:700;line-height:1.5;margin-top:5px}.vip-blocks-timeline-item__con{border-bottom:1px dashed #ccd5db;font-size:.9em;line-height:1.6;margin-top:.5em;padding:0 0 1.5em}.vip-blocks-timeline-item__marker{background-color:var(--mColor,#6bb6ff);border:3px solid;border-color:var(--mColor,#6bb6ff);border-radius:50%;content:"";display:block;height:14px;left:0;position:absolute;top:6px;width:14px} </style> <noscript><link rel='stylesheet' id='vip-blocks-speech-bubble-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/speech-bubble/style-index.css?ver=0.1.0' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='vip-blocks-speech-bubble-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/speech-bubble/style-index.css?ver=0.1.0' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <style id='vip-blocks-headings-style-inline-css' type='text/css'> .vip-blocks-headings{border:none!important;box-shadow:none!important;display:block!important;font-size:1em!important;line-height:1!important;margin-bottom:var(--bottomSpaceDesktop)!important;overflow:visible!important;padding:0!important;word-break:break-all}@media(max-width:767px){.vip-blocks-headings{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-headings__con{align-items:center;background-color:var(--bgColor);border-color:var(--brdrColor);display:flex;font-size:var(--fontSize);font-weight:700;gap:5px;justify-content:flex-start;line-height:1.4;position:relative}.vip-blocks-headings__con i{color:var(--iconColor)!important}.vip-blocks-headings__con__text{color:var(--txtColor)!important;display:inline}.vip-blocks-headings__con--style-simple{background:transparent!important;border-bottom:3px solid transparent;padding:.3em 0}.vip-blocks-headings__con--style-fill{border:2px solid transparent;border-radius:2px;padding:.75em .65em}.vip-blocks-headings__con--style-obi{border-left-style:solid;border-left-width:5px;border-radius:0;padding:.75em .65em}.vip-blocks-headings__con--style-speech-bubble{border-radius:3px;margin-bottom:1.5em;padding:.75em .65em;position:relative}.vip-blocks-headings__con--style-speech-bubble:after{border:12px solid transparent;border-top-color:inherit;content:"";height:0;left:25px;position:absolute;top:100%;top:calc(100% - 1px);width:0}.vip-blocks-headings__con--style-stitch{background-color:var(--bgColor);padding:.85em .8em;position:relative}.vip-blocks-headings__con--style-stitch:after{border:1px dashed;border-color:inherit;content:"";height:90%;height:calc(100% - 11px);left:5px;position:absolute;top:5px;width:calc(100% - 11px)} </style> <style id='vip-blocks-box-with-title-style-inline-css' type='text/css'> .vip-blocks-box-with-title{margin:1.4em 0;margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-box-with-title{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-box-with-title--style-title-center .vip-blocks-box-with-title__title{text-align:center}.vip-blocks-box-with-title--style-title-inline .vip-blocks-box-with-title__title{display:inline-block;padding:.25em .7em}.vip-blocks-box-with-title--style-title-overwrap{position:relative}.vip-blocks-box-with-title--style-title-overwrap .vip-blocks-box-with-title__title{background:#fff!important;display:inline-block;font-size:19px;left:10px;line-height:1.4;margin:0 7px;padding:0 9px;position:absolute;top:-14px}.vip-blocks-box-with-title--style-title-overwrap .vip-blocks-box-with-title__content{border-radius:6px;padding:24px 1.5em}.vip-blocks-box-with-title--style-title-corner{position:relative}.vip-blocks-box-with-title--style-title-corner .vip-blocks-box-with-title__title{border-radius:0;display:inline-block;font-size:17px;line-height:1.5;padding:2px 9px;position:absolute;top:0}.vip-blocks-box-with-title--style-title-corner .vip-blocks-box-with-title__content{border-radius:0;padding:45px 15px 15px}.vip-blocks-box-with-title--border-with-border .vip-blocks-box-with-title__content{border-color:var(--boxColor)}.vip-blocks-box-with-title--border-no-border .vip-blocks-box-with-title__content{border:none}.vip-blocks-box-with-title__title{background:var(--boxColor);border-radius:6px 6px 0 0;color:var(--titleColor);font-size:1.05em;font-weight:700;line-height:1.5;padding:.6em 1em;word-break:break-all}.vip-blocks-box-with-title__title i{margin-right:4px}.vip-blocks-box-with-title__content{background-color:var(--bgColor);border:2px solid #333;border-radius:0 0 6px 6px;font-size:.97em;margin-top:-2px!important;padding:.7em 1.5em}. </style> <noscript><link rel='stylesheet' id='vip-blocks-lists-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/lists/style-index.css?ver=0.1.0' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='vip-blocks-lists-style-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/build/blocks/lists/style-index.css?ver=0.1.0' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <style id='vip-blocks-tabs-style-inline-css' type='text/css'> .vip-blocks-tabs{margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-tabs{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-tabs__tabs{background:#fff;border-radius:3px;box-shadow:0 3px 10px -2px rgba(0,0,0,.2);display:table;font-size:.85em;font-weight:700;line-height:1.4;margin:0 0 .5em;overflow:hidden;table-layout:fixed;text-align:center;width:100%}.vip-blocks-tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:table-cell;float:none;font-weight:700;line-height:1.6;padding:.9em .2em;position:relative;width:auto}.vip-blocks-tabs__tab,.vip-blocks-tabs__tab:nth-child(odd){border-right:1px solid #eaeaea}.vip-blocks-tabs__tab--active,.vip-blocks-tabs__tab:hover{background:linear-gradient(45deg,#bdb9ff,#67b8ff);color:#fff}.vip-blocks-tabs__tab--active img,.vip-blocks-tabs__tab-image__active{display:none}.vip-blocks-tabs__tab--active .vip-blocks-tabs__tab-image__active{display:inline-block}.vip-blocks-tabs__tab img{height:auto;margin-right:5px;vertical-align:middle;width:24px}.vip-blocks-tabs__tab i{margin-right:5px}.vip-blocks-tabs__content [data-tab]{display:none}.vip-blocks-tabs__content--active{display:block!important} </style> <style id='vip-blocks-tabs-item-style-inline-css' type='text/css'> .vip-blocks-tabs-item{margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-tabs-item{margin-bottom:var(--bottomSpaceMobile)!important}} </style> <style id='vip-blocks-faq-style-inline-css' type='text/css'> .vip-blocks-faq{counter-reset:item;margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-faq{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-faq__inner{padding-bottom:0;padding-top:0} </style> <style id='vip-blocks-faq-item-style-inline-css' type='text/css'> .vip-blocks-faq__item{margin:0;margin-bottom:var(--bottomSpaceDesktop)!important;padding-bottom:2em;padding-top:2em}@media(max-width:767px){.vip-blocks-faq__item{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-faq__item--line-sep{border-bottom:3px solid #dadada}.vip-blocks-faq__item--dotted-sep{border-bottom:2px dotted #dadada}.vip-blocks-faq__item__h{background:0 0;border:0;box-shadow:none;font-weight:700;margin:2.5em 0 1em;padding:0}.vip-blocks-faq__item__h.vip-blocks-faq__item__answer,.vip-blocks-faq__item__h.vip-blocks-faq__item__question{font-size:18px;margin:0;padding:0 0 0 55px;position:relative}.vip-blocks-faq__item__h:before{background:#75bbff;border-radius:50%;color:#fff;content:"Q";display:inline-block;font-family:Arial,sans-serif;font-size:21px;height:45px;left:0;line-height:45px;position:absolute;text-align:center;top:-6px;vertical-align:middle;width:45px}.vip-blocks-faq__item__question{font-size:18px;margin:0;padding:0 0 0 55px;position:relative}.vip-blocks-faq__item__answer:before{background:#ff8d8d!important;content:"A"!important}.vip-blocks-faq__item__h.vip-blocks-faq__item__answer+*,.vip-blocks-faq__item__h.vip-blocks-faq__item__question+*{margin-top:1.5em}.vip-blocks-faq__item__h.vip-blocks-faq__item__question+.vip-blocks-faq__item__h.vip-blocks-faq__item__answer{font-size:17px;margin-top:2em} </style> <style id='vip-blocks-message-style-inline-css' type='text/css'> .vip-blocks-message{background-color:var(--bgColor);border-radius:var(--borderRadius);color:var(--iconTColor);margin-bottom:var(--bottomSpaceDesktop)!important;margin-bottom:1.5em;padding:1em}@media(max-width:767px){.vip-blocks-message{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-message--shadow-1{box-shadow:0 2px 4px rgba(0,0,0,.15)}.vip-blocks-message--shadow-2{box-shadow:0 4px 8px -2px rgba(0,0,0,.18)}.vip-blocks-message--shadow-3{box-shadow:0 15px 25px -10px rgba(0,0,0,.2)}.vip-blocks-message--shadow-4{box-shadow:0 20px 40px -20px rgba(0,0,0,.25)}.vip-blocks-message--shadow-5{box-shadow:0 30px 50px -20px rgba(0,0,0,.3)}.vip-blocks-message__title{color:inherit;font-size:1.2em;font-weight:700;margin-bottom:5px}.vip-blocks-message__title__icon{background-color:var(--iconTColor);border-radius:50%;display:inline-block;font-size:17px;height:30px;line-height:30px;margin:0 10px 0 0;text-align:center;vertical-align:middle;width:30px}.vip-blocks-message__title__icon i{color:#fff;line-height:30px}.vip-blocks-message__title__text{display:inline-block;vertical-align:middle}.vip-blocks-message__content{color:#545454}.vip-blocks-message__content p{font-size:1rem;font-weight:400;margin:0} </style> <style id='vip-blocks-accordion-style-inline-css' type='text/css'> .vip-blocks-accordion{margin:.9em 0;margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-accordion{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-accordion--shadow .vip-blocks-accordion__title{box-shadow:0 3px 6px -1px rgba(77,88,101,.15)}.vip-blocks-accordion__input{display:none}.vip-blocks-accordion__input:checked~.vip-blocks-accordion__content{height:auto;opacity:1;overflow:visible;padding:.9em 0}.vip-blocks-accordion__input:checked~.vip-blocks-accordion__title{box-shadow:none}.vip-blocks-accordion__input:checked~.vip-blocks-accordion__title:after{content:""}.vip-blocks-accordion__title{background-color:var(--headerBGColor);border-color:var(--headerBrdrColor);-o-border-image:initial;border-image:initial;border-radius:5px;border-radius:var(--brdrRadius);border-style:solid;border-width:1px;color:var(--headerTextColor);cursor:pointer;display:block;font-weight:700;line-height:1.5;padding:15px 39px 15px 15px;position:relative;transition:all .3s ease 0s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vip-blocks-accordion__title:after{content:"";font-family:Font Awesome\ 5 Free;font-size:16px;font-weight:900;line-height:15px;opacity:.7;position:absolute;right:15px;top:17px;top:calc(50% - 7.5px)}.vip-blocks-accordion__content--save{height:0;opacity:0;overflow:hidden;padding:0;transition:.3s}.vip-blocks-accordion__content--save>:first-child{margin-top:0} </style> <style id='vip-blocks-hero-style-inline-css' type='text/css'> .vip-blocks-hero{margin-bottom:var(--bottomSpaceDesktop)!important}@media(max-width:767px){.vip-blocks-hero{margin-bottom:var(--bottomSpaceMobile)!important}}.vip-blocks-hero--split-left,.vip-blocks-hero--split-right{align-items:center;background-color:var(--bgColor);display:flex}@media screen and (max-width:768px){.vip-blocks-hero--split-left,.vip-blocks-hero--split-right{flex-direction:column}}.vip-blocks-hero--split-left>.vip-blocks-hero__img,.vip-blocks-hero--split-right>.vip-blocks-hero__img{flex-basis:50%}.vip-blocks-hero--split-right{flex-direction:row-reverse}@media screen and (max-width:768px){.vip-blocks-hero--split-right{flex-direction:column-reverse}}.vip-blocks-hero--normal .vip-blocks-hero__content{padding:13% 20px 15%}.vip-blocks-hero--normal>.vip-blocks-hero__img{background-image:var(--imgUrl,linear-gradient(45deg,#bdb9ff,#67b8ff));background-position:50% 50%;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:768px){.vip-blocks-hero--phone-s-flip>.vip-blocks-hero__img{order:2}}.vip-blocks-hero__img{animation:fadeHeader 1s ease 0s 1 normal;background-color:var(--bgColor);min-height:150px;position:relative}.vip-blocks-hero__img img{width:100%}.vip-blocks-hero__img__overlay{background-color:var(--overlayColor);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.vip-blocks-hero__img button{background-color:#fff!important;position:absolute;right:5px;top:5px;z-index:99}.vip-blocks-hero__content{color:var(--txtColor);line-height:1.5;margin:0 auto;max-width:1080px;position:relative;text-align:center;z-index:1}.vip-blocks-hero__content__btn{align-items:center;display:flex;flex-wrap:wrap;justify-content:center} </style> <style id='vip-blocks-text-highlighting-style-inline-css' type='text/css'> .vip-highlighter-text-small{font-size:.75em}.vip-highlighter-text-medium{font-size:1.2em}.vip-highlighter-text-large{font-size:2em}.vip-highlighter-color-yellow{background:linear-gradient(transparent 50%,rgba(255,252,107,.69) 0)}.vip-highlighter-color-green{background:linear-gradient(transparent 50%,rgba(151,232,154,.69) 0)}.vip-highlighter-color-blue{background:linear-gradient(transparent 50%,rgba(107,182,255,.24) 0)}.vip-highlighter-color-red{background:linear-gradient(transparent 50%,rgba(255,88,88,.24) 0)}.vip-highlighter-color-accent,.vip-highlighter-color-main{border-radius:2px;color:#fff;display:inline-block;font-size:.87em;font-weight:700;line-height:1.1;margin-right:5px;padding:.25em .35em}.vip-highlighter-color-main{background-color:#8224e3}.vip-highlighter-color-accent{background-color:#ffb36b}.vip-highlighter-color-haiiro{background:#f3f6fc;border-radius:5px;font-size:.9em;padding:.2em .3em} </style> <style id='boldblocks-youtube-block-style-inline-css' type='text/css'> .wp-block-boldblocks-youtube-block .visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.wp-block-boldblocks-youtube-block .yb-player{background-color:#000;background-position:50%;background-size:cover;contain:content;cursor:pointer;display:block;position:relative}.wp-block-boldblocks-youtube-block .yb-player:after{content:"";display:block;padding-bottom:var(--byeb--aspect-ratio,56.25%)}.wp-block-boldblocks-youtube-block .yb-player>iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.wp-block-boldblocks-youtube-block .yb-player.is-activated{cursor:unset}.wp-block-boldblocks-youtube-block .yb-player.is-activated>.yb-btn-play{display:none;opacity:0;pointer-events:none}.wp-block-boldblocks-youtube-block .yb-btn-play{all:unset;background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z\" fill=\"red\"/><path d=\"M45 24 27 14v20\" fill=\"white\"/></svg>");border:none;cursor:pointer;display:block;filter:grayscale(100%);height:48px;left:50%;margin:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:filter .1s cubic-bezier(0,0,.2,1);width:68px;z-index:1}.wp-block-boldblocks-youtube-block .yb-btn-play:focus,.wp-block-boldblocks-youtube-block .yb-player:hover>.yb-btn-play{filter:none}.wp-block-boldblocks-youtube-block figcaption{margin-bottom:1em;margin-top:.5em} </style> <style id='outermost-icon-block-style-inline-css' type='text/css'> .wp-block-outermost-icon-block{display:flex;line-height:0}.wp-block-outermost-icon-block.has-border-color{border:none}.wp-block-outermost-icon-block .has-icon-color svg,.wp-block-outermost-icon-block.has-icon-color svg{color:currentColor}.wp-block-outermost-icon-block .has-icon-color:not(.has-no-icon-fill-color) svg,.wp-block-outermost-icon-block.has-icon-color:not(.has-no-icon-fill-color) svg{fill:currentColor}.wp-block-outermost-icon-block .icon-container{box-sizing:border-box}.wp-block-outermost-icon-block a,.wp-block-outermost-icon-block svg{height:100%;transition:transform .1s ease-in-out;width:100%}.wp-block-outermost-icon-block a:hover{transform:scale(1.1)}.wp-block-outermost-icon-block svg{transform:rotate(var(--outermost--icon-block--transform-rotate,0deg)) scaleX(var(--outermost--icon-block--transform-scale-x,1)) scaleY(var(--outermost--icon-block--transform-scale-y,1))}.wp-block-outermost-icon-block .rotate-90,.wp-block-outermost-icon-block.rotate-90{--outermost--icon-block--transform-rotate:90deg}.wp-block-outermost-icon-block .rotate-180,.wp-block-outermost-icon-block.rotate-180{--outermost--icon-block--transform-rotate:180deg}.wp-block-outermost-icon-block .rotate-270,.wp-block-outermost-icon-block.rotate-270{--outermost--icon-block--transform-rotate:270deg}.wp-block-outermost-icon-block .flip-horizontal,.wp-block-outermost-icon-block.flip-horizontal{--outermost--icon-block--transform-scale-x:-1}.wp-block-outermost-icon-block .flip-vertical,.wp-block-outermost-icon-block.flip-vertical{--outermost--icon-block--transform-scale-y:-1}.wp-block-outermost-icon-block .flip-vertical.flip-horizontal,.wp-block-outermost-icon-block.flip-vertical.flip-horizontal{--outermost--icon-block--transform-scale-x:-1;--outermost--icon-block--transform-scale-y:-1} </style> <noscript><link rel='stylesheet' id='jet-engine-frontend-css' href='https://photoshopvip.net/wp-content/plugins/jet-engine/assets/css/frontend.css?ver=3.6.6.1' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='jet-engine-frontend-css' href='https://photoshopvip.net/wp-content/plugins/jet-engine/assets/css/frontend.css?ver=3.6.6.1' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <style id='filebird-block-filebird-gallery-style-inline-css' type='text/css'> ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);-moz-column-width:var(--min-width);columns:var(--min-width) var(--columns);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #4d34fa;--wp--preset--color--main: #14111f;--wp--preset--color--secondary: #636381;--wp--preset--color--main-accent: #d0ccde;--wp--preset--color--primary-accent: #e4e1fe;--wp--preset--color--tertiary: #f6f6fc;--wp--preset--color--border-light: #dde1e5;--wp--preset--color--border-dark: #444B57;--wp--preset--color--base: #fff;--wp--preset--color--apple-base: #fafafc;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--verdy: linear-gradient(135deg, #e98fc0, #dce956, #5edeef);--wp--preset--gradient--purple: linear-gradient(135deg, #4D34FA, #ad34fa);--wp--preset--gradient--blue: linear-gradient(135deg, #0057FF, #31B5FF);--wp--preset--gradient--pink: linear-gradient(135deg, #FF007A, #FF81BD);--wp--preset--gradient--black: linear-gradient(135deg, #14111E, #4B4462);--wp--preset--gradient--heat: linear-gradient(135deg, #F32758, #FFC581);--wp--preset--font-size--small: clamp(.9rem, 0.9rem + ((1vw - 0.2rem) * 0.167), 1.0rem);--wp--preset--font-size--medium: clamp(1.365rem, 1.365rem + ((1vw - 0.2rem) * 0.475), 1.65rem);--wp--preset--font-size--large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 1.667), 2.75rem);--wp--preset--font-size--x-large: clamp(2.425rem, 2.425rem + ((1vw - 0.2rem) * 1.792), 3.5rem);--wp--preset--font-size--x-small: clamp(.825rem, 0.825rem + ((1vw - 0.2rem) * 0.208), .95rem);--wp--preset--font-size--base: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.167), 1.1rem);--wp--preset--font-size--xx-large: clamp(3.25rem, 3.25rem + ((1vw - 0.2rem) * 1.897), 4.3875rem);--wp--preset--font-size--xxx-large: clamp(42px, 2.625rem + ((1vw - 3.2px) * 14.375), 180px);--wp--preset--font-family--primary: Mona Sans, sans-serif;--wp--preset--font-family--expanded: Mona Sans Expanded, sans-serif;--wp--preset--font-family--condensed: Mona Sans Condensed, sans-serif;--wp--preset--font-family--monospace: monospace;--wp--preset--font-family--jp-serif: 'Hiragino Mincho ProN', '游明朝', 'Yu Mincho', 'MS PMincho', 'MS Mincho', serif;--wp--preset--font-family--jp-sans: 'Hiragino Sans', '游ゴシック', 'Yu Gothic', 'Meiryo', 'Noto Sans JP', sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--small: clamp(.5rem, 2.5vw, 1.1rem);--wp--preset--spacing--medium: clamp(1.5rem, 4vw, 1.69rem);--wp--preset--spacing--large: clamp(2rem, 5vw, 3rem);--wp--preset--spacing--x-large: clamp(3rem, 7vw, 5rem);--wp--preset--spacing--xx-large: clamp(4rem, 9vw, 7rem);--wp--preset--spacing--xxx-large: clamp(5rem, 12vw, 9rem);--wp--preset--spacing--xxxx-large: clamp(6rem, 14vw, 13rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--preset--shadow--extra-large-dark: 0px 536px 150px 0px rgba(20, 17, 31, 0.00), 0px 343px 137px 0px rgba(20, 17, 31, 0.01), 0px 193px 116px 0px rgba(20, 17, 31, 0.05), 0px 86px 86px 0px rgba(20, 17, 31, 0.09), 0px 21px 47px 0px rgba(20, 17, 31, 0.10);--wp--preset--shadow--large-dark: 0px 219px 61px 0px rgba(20, 17, 31, 0.00), 0px 140px 56px 0px rgba(20, 17, 31, 0.01), 0px 79px 47px 0px rgba(20, 17, 31, 0.05), 0px 35px 35px 0px rgba(20, 17, 31, 0.09), 0px 9px 19px 0px rgba(20, 17, 31, 0.10);--wp--preset--shadow--medium-dark: 0px 66px 18px 0px rgba(20, 17, 31, 0.00), 0px 42px 17px 0px rgba(20, 17, 31, 0.01), 0px 24px 14px 0px rgba(20, 17, 31, 0.05), 0px 10px 10px 0px rgba(20, 17, 31, 0.09), 0px 3px 6px 0px rgba(20, 17, 31, 0.10);--wp--preset--shadow--small-dark: 0px 16px 4px 0px rgba(20, 17, 31, 0.00), 0px 10px 4px 0px rgba(20, 17, 31, 0.01), 0px 6px 3px 0px rgba(20, 17, 31, 0.05), 0px 3px 3px 0px rgba(20, 17, 31, 0.09), 0px 1px 1px 0px rgba(20, 17, 31, 0.10);--wp--preset--shadow--extra-large-light: 0px 536px 150px 0px rgba(20, 17, 31, 0.00), 0px 343px 137px 0px rgba(20, 17, 31, 0.01), 0px 193px 116px 0px rgba(20, 17, 31, 0.03), 0px 86px 86px 0px rgba(20, 17, 31, 0.04), 0px 21px 47px 0px rgba(20, 17, 31, 0.05);--wp--preset--shadow--large-light: 0px 219px 61px 0px rgba(20, 17, 31, 0.00), 0px 140px 56px 0px rgba(20, 17, 31, 0.01), 0px 79px 47px 0px rgba(20, 17, 31, 0.03), 0px 35px 35px 0px rgba(20, 17, 31, 0.04), 0px 9px 19px 0px rgba(20, 17, 31, 0.05);--wp--preset--shadow--medium-light: 0px 69px 19px 0px rgba(20, 17, 31, 0.00), 0px 44px 18px 0px rgba(20, 17, 31, 0.01), 0px 25px 15px 0px rgba(20, 17, 31, 0.03), 0px 11px 11px 0px rgba(20, 17, 31, 0.04), 0px 3px 6px 0px rgba(20, 17, 31, 0.05);--wp--preset--shadow--small-light: 0px 16px 5px 0px rgba(20, 17, 31, 0.00), 0px 10px 4px 0px rgba(20, 17, 31, 0.00), 0px 6px 4px 0px rgba(20, 17, 31, 0.02), 0px 3px 3px 0px rgba(20, 17, 31, 0.03), 0px 1px 1px 0px rgba(20, 17, 31, 0.03);--wp--preset--shadow--rainbow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;--wp--preset--shadow--psychedelic: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;--wp--preset--shadow--material: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;--wp--custom--font-weight--thin: 100;--wp--custom--font-weight--extra-light: 200;--wp--custom--font-weight--light: 300;--wp--custom--font-weight--regular: 420;--wp--custom--font-weight--medium: 500;--wp--custom--font-weight--semi-bold: 600;--wp--custom--font-weight--bold: 700;--wp--custom--font-weight--extra-bold: 800;--wp--custom--font-weight--black: 900;--wp--custom--line-height--overlap: 0.88;--wp--custom--line-height--none: 1;--wp--custom--line-height--tight: 1.1;--wp--custom--line-height--snug: 1.2;--wp--custom--line-height--body: 1.5;--wp--custom--line-height--relaxed: 1.625;--wp--custom--line-height--loose: 1.9;}:root { --wp--style--global--content-size: 690px;--wp--style--global--wide-size: 1280px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--medium); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--wp--preset--spacing--medium); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--medium);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--medium);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--wp--preset--spacing--medium);}:root :where(.is-layout-grid){gap: var(--wp--preset--spacing--medium);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--main);font-family: var(--wp--preset--font-family--jp-sans);font-size: var(--wp--preset--font-size--base);font-weight: normal;letter-spacing: 0.03em;line-height: var(--wp--custom--line-height--loose);--wp--style--root--padding-top: 0;--wp--style--root--padding-right: var(--wp--preset--spacing--medium);--wp--style--root--padding-bottom: 0;--wp--style--root--padding-left: var(--wp--preset--spacing--medium);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--primary);text-decoration: underline;}h1, h2, h3, h4, h5, h6{font-family: var(--wp--preset--font-family--jp-serif);font-weight: 300;letter-spacing: -0.03em;line-height: var(--wp--custom--line-height--relaxed);}h1{font-size: var(--wp--preset--font-size--x-large);line-height: var(--wp--custom--line-height--snug);}h2{font-size: var(--wp--preset--font-size--large);line-height: var(--wp--custom--line-height--tight);}h3{font-size: var(--wp--preset--font-size--medium);}h4{font-size: var(--wp--preset--font-size--base);letter-spacing: 0.03em;}h5{font-size: var(--wp--preset--font-size--small);letter-spacing: 0.03em;}h6{font-size: var(--wp--preset--font-size--x-small);letter-spacing: 0.03em;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--main);border-radius: 5px;border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--small);font-weight: 500;line-height: inherit;padding-top: .6em;padding-right: 1em;padding-bottom: .6em;padding-left: 1em;text-decoration: none;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--main);color: var(--wp--preset--color--base);text-decoration: underline;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-main-color{color: var(--wp--preset--color--main) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-main-accent-color{color: var(--wp--preset--color--main-accent) !important;}.has-primary-accent-color{color: var(--wp--preset--color--primary-accent) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-border-light-color{color: var(--wp--preset--color--border-light) !important;}.has-border-dark-color{color: var(--wp--preset--color--border-dark) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-apple-base-color{color: var(--wp--preset--color--apple-base) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-main-background-color{background-color: var(--wp--preset--color--main) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-main-accent-background-color{background-color: var(--wp--preset--color--main-accent) !important;}.has-primary-accent-background-color{background-color: var(--wp--preset--color--primary-accent) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-border-light-background-color{background-color: var(--wp--preset--color--border-light) !important;}.has-border-dark-background-color{background-color: var(--wp--preset--color--border-dark) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-apple-base-background-color{background-color: var(--wp--preset--color--apple-base) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-main-border-color{border-color: var(--wp--preset--color--main) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-main-accent-border-color{border-color: var(--wp--preset--color--main-accent) !important;}.has-primary-accent-border-color{border-color: var(--wp--preset--color--primary-accent) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-border-light-border-color{border-color: var(--wp--preset--color--border-light) !important;}.has-border-dark-border-color{border-color: var(--wp--preset--color--border-dark) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-apple-base-border-color{border-color: var(--wp--preset--color--apple-base) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-verdy-gradient-background{background: var(--wp--preset--gradient--verdy) !important;}.has-purple-gradient-background{background: var(--wp--preset--gradient--purple) !important;}.has-blue-gradient-background{background: var(--wp--preset--gradient--blue) !important;}.has-pink-gradient-background{background: var(--wp--preset--gradient--pink) !important;}.has-black-gradient-background{background: var(--wp--preset--gradient--black) !important;}.has-heat-gradient-background{background: var(--wp--preset--gradient--heat) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-x-small-font-size{font-size: var(--wp--preset--font-size--x-small) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-xxx-large-font-size{font-size: var(--wp--preset--font-size--xxx-large) !important;}.has-primary-font-family{font-family: var(--wp--preset--font-family--primary) !important;}.has-expanded-font-family{font-family: var(--wp--preset--font-family--expanded) !important;}.has-condensed-font-family{font-family: var(--wp--preset--font-family--condensed) !important;}.has-monospace-font-family{font-family: var(--wp--preset--font-family--monospace) !important;}.has-jp-serif-font-family{font-family: var(--wp--preset--font-family--jp-serif) !important;}.has-jp-sans-font-family{font-family: var(--wp--preset--font-family--jp-sans) !important;} :root :where(.wp-block-post-template h2){font-size: var(--wp--preset--font-size--medium);} :root :where(.wp-block-pullquote){border-color: var(--wp--preset--color--primary);border-left-width: 2px;border-left-style: solid;font-family: var(--wp--preset--font-family--jp-serif);font-size: var(--wp--preset--font-size--base);font-weight: 400;letter-spacing: 0.03em;line-height: var(--wp--custom--line-height--snug);padding-top: var(--wp--preset--spacing--small);padding-right: var(--wp--preset--spacing--small);padding-bottom: var(--wp--preset--spacing--large);padding-left: var(--wp--preset--spacing--medium);} :root :where(.wp-block-pullquote cite){color: var(--wp--preset--color--secondary);font-size: var(--wp--preset--font-size--x-small);} :root :where(.wp-block-code){background-color: var(--wp--preset--color--tertiary);border-radius: 8px;border-width: 0px;color: var(--wp--preset--color--main);font-family: var(--wp--preset--font-family--monospace);font-size: var(--wp--preset--font-size--small);padding-top: var(--wp--preset--spacing--medium);padding-right: var(--wp--preset--spacing--medium);padding-bottom: var(--wp--preset--spacing--medium);padding-left: var(--wp--preset--spacing--medium);} :root :where(.wp-block-comment-author-name){font-weight: 600;line-height: var(--wp--custom--line-height--body);} :root :where(.wp-block-comment-author-name a:where(:not(.wp-element-button))){font-size: var(--wp--preset--font-size--base);text-decoration: none;} :root :where(.wp-block-comment-content){margin-top: 20px !important;} :root :where(.wp-block-comment-date){font-size: var(--wp--preset--font-size--small);line-height: var(--wp--custom--line-height--body);} :root :where(.wp-block-comment-date a:where(:not(.wp-element-button))){text-decoration: none;} :root :where(.wp-block-comment-edit-link){font-size: var(--wp--preset--font-size--small);line-height: var(--wp--custom--line-height--body);} :root :where(.wp-block-comment-reply-link){font-size: var(--wp--preset--font-size--small);} :root :where(.wp-block-comments-title){margin-top: 0px;margin-bottom: var(--wp--preset--spacing--large);} :root :where(.wp-block-details.wp-block-details summary ){font-weight: 600} :root :where(.wp-block-post-comments-form h1,.wp-block-post-comments-form h2,.wp-block-post-comments-form h3,.wp-block-post-comments-form h4,.wp-block-post-comments-form h5,.wp-block-post-comments-form h6){font-size: var(--wp--preset--font-size--medium);} :root :where(.wp-block-post-excerpt a:where(:not(.wp-element-button))){color: var(--wp--preset--color--primary-accent);text-decoration: none;} :root :where(.wp-block-post-excerpt a:where(:not(.wp-element-button)):hover){text-decoration: underline;} :root :where(.wp-block-read-more a:where(:not(.wp-element-button))){margin-top: 200px;margin-bottom: 200px;} :root :where(.wp-block-navigation){font-weight: 500;} :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;} :root :where(p.has-background ){padding: var(--wp--preset--spacing--small)} :root :where(.wp-block-post-terms a:where(:not(.wp-element-button))){text-decoration: none;} :root :where(.wp-block-post-title a:where(:not(.wp-element-button))){text-decoration: none;} :root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover){text-decoration: underline;} :root :where(.wp-block-preformatted){background-color: var(--wp--preset--color--tertiary);border-radius: 13px;color: var(--wp--preset--color--main);font-family: var(--wp--preset--font-family--monospace);font-size: var(--wp--preset--font-size--small);padding-top: var(--wp--preset--spacing--medium);padding-right: var(--wp--preset--spacing--medium);padding-bottom: var(--wp--preset--spacing--medium);padding-left: var(--wp--preset--spacing--medium);} :root :where(.wp-block-query-pagination a:where(:not(.wp-element-button))){background-color: var(--wp--preset--color--base);border-radius: 5px;border-width: 0;font-size: var(--wp--preset--font-size--small);font-weight: 500;padding-top: .5em;padding-right: 1em;padding-bottom: .5em;padding-left: 1em;text-decoration: none;} :root :where(.wp-block-query-pagination a:where(:not(.wp-element-button)):hover){text-decoration: underline;} :root :where(.wp-block-quote){border-radius: 0;border-color: var(--wp--preset--color--primary);border-width: 0 0 0 5px !important;border-style: solid;font-size: var(--wp--preset--font-size--medium);font-weight: 500;line-height: var(--wp--custom--line-height--body);padding-right: var(--wp--preset--spacing--large);padding-left: var(--wp--preset--spacing--large);}:root :where(.wp-block-quote :where(cite)){display: block} :root :where(.wp-block-quote cite){color: var(--wp--preset--color--secondary);font-size: var(--wp--preset--font-size--small);} :root :where(.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper ){border: none} :root :where(.wp-block-separator){color: var(--wp--preset--color--main);} :root :where(.wp-block-site-tagline){font-size: var(--wp--preset--font-size--small);margin-bottom: 20px;} :root :where(.wp-block-site-title){font-size: var(--wp--preset--font-size--base);font-weight: 400;letter-spacing: 0;line-height: var(--wp--custom--line-height--none);} :root :where(.wp-block-site-title a:where(:not(.wp-element-button))){text-decoration: none;} :root :where(.wp-block-table > table){font-size: var(--wp--preset--font-size--small);} :root :where(.wp-block-template-part){margin-top: 0px !important;} :root :where(.wp-block-image){margin-top: var(--wp--preset--spacing--medium);margin-right: auto;margin-bottom: var(--wp--preset--spacing--small);margin-left: auto;}:root :where(.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder){border-radius: 13px;box-shadow: var(--wp--preset--shadow--material);} </style> <noscript><link rel='stylesheet' id='vip-b-font-awesome-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/assets/vendor/font-awesome/css/all.min.css?ver=1.0.0' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='vip-b-font-awesome-css' href='https://photoshopvip.net/wp-content/plugins/Button-Fixes/assets/vendor/font-awesome/css/all.min.css?ver=1.0.0' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='mc4wp-form-basic-css' href='https://photoshopvip.net/wp-content/plugins/mailchimp-for-wp/assets/css/form-basic.css?ver=4.10.2' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='mc4wp-form-basic-css' href='https://photoshopvip.net/wp-content/plugins/mailchimp-for-wp/assets/css/form-basic.css?ver=4.10.2' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='zeen-style-css' href='https://photoshopvip.net/wp-content/themes/zeen/assets/css/style.min.css?ver=1743656702' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='zeen-style-css' href='https://photoshopvip.net/wp-content/themes/zeen/assets/css/style.min.css?ver=1743656702' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <style id='zeen-style-inline-css' type='text/css'> .content-bg, .block-skin-5:not(.skin-inner), .block-skin-5.skin-inner > .tipi-row-inner-style, .article-layout-skin-1.title-cut-bl .hero-wrap .meta:before, .article-layout-skin-1.title-cut-bc .hero-wrap .meta:before, .article-layout-skin-1.title-cut-bl .hero-wrap .share-it:before, .article-layout-skin-1.title-cut-bc .hero-wrap .share-it:before, .standard-archive .page-header, .skin-dark .flickity-viewport, .zeen__var__options label { background: #fdfdfd;}a.zeen-pin-it{position: absolute}.background.mask {background-color: transparent}.side-author__wrap .mask a {display:inline-block;height:70px}.timed-pup,.modal-wrap {position:fixed;visibility:hidden}.to-top__fixed .to-top a{background-color:#000000; color: #fff}.article-layout-skin-1 .splitter--fade:before { background: linear-gradient(0, rgba(253,253,253,1) 0%, rgba(253,253,253,0) 100%); }.block-wrap-native .splitter--fade:before, .block-wrap-native .splitter--fade:after { background: linear-gradient(0, rgba(253,253,253,1) 0%, rgba(0,0,0,0) 80%); }.splitter .shape--fill { fill: #fdfdfd }.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-text[type="text"], .wpcf7-form-control.wpcf7-text[type="email"], .wpcf7-form-control.wpcf7-textarea, .hero, .mask, .preview-grid .mask, .preview-slider .mask, .user-page-box { background: #ececec; }.site-inner { background-color: #fdfdfd; }.splitter svg g { fill: #fdfdfd; }.inline-post .block article .title { font-size: 20px;}input[type=submit], button, .tipi-button,.button,.wpcf7-submit,.button__back__home{ border-radius: 3px; }.fontfam-1 { font-family: Tsukushi A Round Gothic,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif!important;}input[type=submit], button, .tipi-button,.button,.wpcf7-submit,.button__back__home,input,input[type="number"],.body-f1, .quotes-f1 blockquote, .quotes-f1 q, .by-f1 .byline, .sub-f1 .subtitle, .wh-f1 .widget-title, .headings-f1 h1, .headings-f1 h2, .headings-f1 h3, .headings-f1 h4, .headings-f1 h5, .headings-f1 h6, .font-1, div.jvectormap-tip {font-family:Tsukushi A Round Gothic,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: 900;font-style: normal;}.fontfam-2 { font-family:Tsukushi A Round Gothic,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif!important; }.body-f2, .quotes-f2 blockquote, .quotes-f2 q, .by-f2 .byline, .sub-f2 .subtitle, .wh-f2 .widget-title, .headings-f2 h1, .headings-f2 h2, .headings-f2 h3, .headings-f2 h4, .headings-f2 h5, .headings-f2 h6, .font-2 {font-family:Tsukushi A Round Gothic,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: 400;font-style: normal;}.fontfam-3 { font-family:Tsukushi A Round Gothic,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif!important;}.body-f3, .quotes-f3 blockquote, .quotes-f3 q, .by-f3 .byline, .sub-f3 .subtitle, .wh-f3 .widget-title, .headings-f3 h1, .headings-f3 h2, .headings-f3 h3, .headings-f3 h4, .headings-f3 h5, .headings-f3 h6, .font-3 {font-family:Tsukushi A Round Gothic,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;font-style: normal;font-weight: 900;}.tipi-row, .tipi-builder-on .contents-wrap > p { max-width: 1400px ; }.slider-columns--3 article { width: 416.66666666667px }.slider-columns--2 article { width: 640px }.slider-columns--4 article { width: 305px }.single .site-content .tipi-row { max-width: 1400px ; }.single-product .site-content .tipi-row { max-width: 1400px ; }.date--secondary { color: #f8d92f; }.date--main { color: #f8d92f; }.global-accent-border { border-color: #ffeb3b; }.trending-accent-border { border-color: #f5df4d; }.trending-accent-bg { border-color: #f5df4d; }.wpcf7-submit, .tipi-button.block-loader { background: #f5df4d; }.wpcf7-submit:hover, .tipi-button.block-loader:hover { background: #111; }.tipi-button.block-loader { color: #fff!important; }.wpcf7-submit { background: #18181e; }.wpcf7-submit:hover { background: #111; }.global-accent-bg, .icon-base-2:hover .icon-bg, #progress { background-color: #ffeb3b; }.global-accent-text, .mm-submenu-2 .mm-51 .menu-wrap > .sub-menu > li > a { color: #ffeb3b; }body { color:#202020;}.excerpt { color:#7c7c7c;}.mode--alt--b .excerpt, .block-skin-2 .excerpt, .block-skin-2 .preview-classic .custom-button__fill-2 { color:#888!important;}.read-more-wrap { color:#767676;}.logo-fallback a { color:#000!important;}.site-mob-header .logo-fallback a { color:#000!important;}blockquote:not(.comment-excerpt) { color:#111;}.mode--alt--b blockquote:not(.comment-excerpt), .mode--alt--b .block-skin-0.block-wrap-quote .block-wrap-quote blockquote:not(.comment-excerpt), .mode--alt--b .block-skin-0.block-wrap-quote .block-wrap-quote blockquote:not(.comment-excerpt) span { color:#ffffff!important;}.byline, .byline a { color:#0a0a0a;}.mode--alt--b .block-wrap-classic .byline, .mode--alt--b .block-wrap-classic .byline a, .mode--alt--b .block-wrap-thumbnail .byline, .mode--alt--b .block-wrap-thumbnail .byline a, .block-skin-2 .byline a, .block-skin-2 .byline { color:#ffffff;}.preview-classic .meta .title, .preview-thumbnail .meta .title,.preview-56 .meta .title{ color:#1a73e8;}h1, h2, h3, h4, h5, h6, .block-title { color:#333333;}.sidebar-widget .widget-title { color:#111!important;}.link-color-wrap p > a, .link-color-wrap p > em a, .link-color-wrap p > strong a { text-decoration: underline; text-decoration-color: #1a73e8; text-decoration-thickness: 2px; text-decoration-style:dotted}.link-color-wrap a, .woocommerce-Tabs-panel--description a { color: #1a73e8; }.mode--alt--b .link-color-wrap a, .mode--alt--b .woocommerce-Tabs-panel--description a { color: #f5df4d; }.copyright, .site-footer .bg-area-inner .copyright a { color: #ffffff; }.link-color-wrap a:hover { color: #174ea6; }.mode--alt--b .link-color-wrap a:hover { color: #ffffff; }body{line-height:2}.site h1{letter-spacing:-0.02em}body{letter-spacing:0.02em}input[type=submit], button, .tipi-button,.button,.wpcf7-submit,.button__back__home{letter-spacing:0.06em}.byline .byline-part{letter-spacing:-0.01em}.main-navigation .horizontal-menu > li > a{letter-spacing:-0.01em}.sub-menu a:not(.tipi-button){letter-spacing:-0.01em}.site blockquote{letter-spacing:0.01em}.widget-title{letter-spacing:-0.02em}html, body{font-size:16px}.byline{font-size:12px}input[type=submit], button, .tipi-button,.button,.wpcf7-submit,.button__back__home{font-size:11px}.excerpt{font-size:15px}.logo-fallback, .secondary-wrap .logo-fallback a{font-size:22px}.logo span{font-size:12px}.breadcrumbs{font-size:16px}.hero-meta.tipi-s-typo .title{font-size:20px}.hero-meta.tipi-s-typo .subtitle{font-size:15px}.hero-meta.tipi-m-typo .title{font-size:20px}.hero-meta.tipi-m-typo .subtitle{font-size:15px}.hero-meta.tipi-xl-typo .title{font-size:22px}.hero-meta.tipi-xl-typo .subtitle{font-size:14px}.block-html-content h1, .single-content .entry-content h1{font-size:20px}.block-html-content h2, .single-content .entry-content h2{font-size:20px}.block-html-content h3, .single-content .entry-content h3{font-size:20px}.block-html-content h4, .single-content .entry-content h4{font-size:17px}.block-html-content h5, .single-content .entry-content h5{font-size:16px}.footer-block-links{font-size:13px}blockquote, q{font-size:20px}.site-footer .copyright{font-size:12px}.footer-navigation{font-size:12px}.site-footer .menu-icons{font-size:12px}.block-title, .page-title{font-size:24px}.block-subtitle{font-size:13px}.block-col-self .preview-2 .title{font-size:22px}.block-wrap-classic .tipi-m-typo .title-wrap .title{font-size:18px}.tipi-s-typo .title, .ppl-s-3 .tipi-s-typo .title, .zeen-col--wide .ppl-s-3 .tipi-s-typo .title, .preview-1 .title, .preview-21:not(.tipi-xs-typo) .title{font-size:16px}.tipi-xs-typo .title, .tipi-basket-wrap .basket-item .title{font-size:15px}.meta .read-more-wrap{font-size:11px}.widget-title{font-size:20px}.split-1:not(.preview-thumbnail) .mask{-webkit-flex: 0 0 calc( 42% - 15px); -ms-flex: 0 0 calc( 42% - 15px); flex: 0 0 calc( 42% - 15px); width: calc( 42% - 15px);}.preview-thumbnail .mask{-webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; width: 64px;}.footer-lower-area{padding-top:40px}.footer-lower-area{padding-bottom:40px}.footer-upper-area{padding-bottom:40px}.footer-upper-area{padding-top:40px}.footer-widget-wrap{padding-bottom:53px}.footer-widget-wrap{padding-top:80px}.tipi-button-cta-header{font-size:12px}.block-wrap-grid .tipi-xl-typo .title{font-size:22px}.block-wrap-grid .tipi-l-typo .title{font-size:22px}.block-wrap-grid .tipi-m-typo .title-wrap .title, .block-94 .block-piece-2 .tipi-xs-12 .title-wrap .title, .zeen-col--wide .block-wrap-grid:not(.block-wrap-81):not(.block-wrap-82) .tipi-m-typo .title-wrap .title, .zeen-col--wide .block-wrap-grid .tipi-l-typo .title, .zeen-col--wide .block-wrap-grid .tipi-xl-typo .title{font-size:22px}.block-wrap-grid .tipi-s-typo .title-wrap .title, .block-92 .block-piece-2 article .title-wrap .title, .block-94 .block-piece-2 .tipi-xs-6 .title-wrap .title{font-size:18px!important}.block-wrap-grid .tipi-s-typo .title-wrap .subtitle, .block-92 .block-piece-2 article .title-wrap .subtitle, .block-94 .block-piece-2 .tipi-xs-6 .title-wrap .subtitle{font-size:18px}.block-wrap-grid .tipi-m-typo .title-wrap .subtitle, .block-wrap-grid .tipi-l-typo .title-wrap .subtitle, .block-wrap-grid .tipi-xl-typo .title-wrap .subtitle, .block-94 .block-piece-2 .tipi-xs-12 .title-wrap .subtitle, .zeen-col--wide .block-wrap-grid:not(.block-wrap-81):not(.block-wrap-82) .tipi-m-typo .title-wrap .subtitle{font-size:20px}.preview-grid .read-more-wrap{font-size:11px}.tipi-button.block-loader, .wpcf7-submit, .mc4wp-form-fields button { font-weight: 700;}.main-navigation .horizontal-menu, .main-navigation .menu-item, .main-navigation .menu-icon .menu-icon--text, .main-navigation .tipi-i-search span { font-weight: 700;}.secondary-wrap .menu-secondary li, .secondary-wrap .menu-item, .secondary-wrap .menu-icon .menu-icon--text {font-weight: 700;}.footer-lower-area, .footer-lower-area .menu-item, .footer-lower-area .menu-icon span {font-weight: 700;}input[type=submit], button, .tipi-button,.button,.wpcf7-submit,.button__back__home{ text-transform: uppercase; }.entry-title{ text-transform: none; }.logo-fallback{ text-transform: none; }.block-wrap-slider .title-wrap .title{ text-transform: none; }.block-wrap-grid .title-wrap .title, .tile-design-4 .meta .title-wrap .title{ text-transform: none; }.block-wrap-classic .title-wrap .title{ text-transform: none; }.block-title{ text-transform: none; }.meta .excerpt .read-more{ text-transform: uppercase; }.preview-grid .read-more{ text-transform: uppercase; }.block-subtitle{ text-transform: none; }.byline{ text-transform: none; }.widget-title{ text-transform: none; }.main-navigation .menu-item, .main-navigation .menu-icon .menu-icon--text{ text-transform: uppercase; }.secondary-navigation, .secondary-wrap .menu-icon .menu-icon--text{ text-transform: uppercase; }.footer-lower-area .menu-item, .footer-lower-area .menu-icon span{ text-transform: uppercase; }.sub-menu a:not(.tipi-button){ text-transform: none; }.site-mob-header .menu-item, .site-mob-header .menu-icon span{ text-transform: uppercase; }.single-content .entry-content h1, .single-content .entry-content h2, .single-content .entry-content h3, .single-content .entry-content h4, .single-content .entry-content h5, .single-content .entry-content h6, .meta__full h1, .meta__full h2, .meta__full h3, .meta__full h4, .meta__full h5, .bbp__thread__title{ text-transform: none; }.mm-submenu-2 .mm-11 .menu-wrap > *, .mm-submenu-2 .mm-31 .menu-wrap > *, .mm-submenu-2 .mm-21 .menu-wrap > *, .mm-submenu-2 .mm-51 .menu-wrap > * { border-top: 0px solid transparent; }.separation-border { margin-bottom: 56px; }.load-more-wrap-1 { padding-top: 56px; }.block-wrap-classic .inf-spacer + .block:not(.block-62) { margin-top: 56px; }.separation-border-v { background: #eee;}.separation-border-v { height: calc( 100% - 56px - 1px); }@media only screen and (max-width: 480px) {.separation-border:not(.split-1){margin-bottom:42px;}.separation-border { margin-bottom: 30px;}}.grid-spacing { border-top-width: 32px; }.sidebar-wrap .sidebar { padding-right: 4px; padding-left: 4px; padding-top:4px; padding-bottom:4px; }.sidebar-left .sidebar-wrap .sidebar { padding-right: 4px; padding-left: 4px; }@media only screen and (min-width: 481px) {.block-wrap-grid .block-title-area, .block-wrap-98 .block-piece-2 article:last-child { margin-bottom: -32px; }.block-wrap-92 .tipi-row-inner-box { margin-top: -32px; }.block-wrap-grid .only-filters { top: 32px; }.grid-spacing { border-right-width: 32px; }.block-fs {padding:32px;}.block-wrap-grid:not(.block-wrap-81) .block { width: calc( 100% + 32px ); }}@media only screen and (max-width: 859px) {.mobile__design--side .mask { width: calc( 41% - 15px); }}@media only screen and (min-width: 860px) {body{line-height:1.89}.main-navigation .horizontal-menu > li > a{letter-spacing:-0.05em}.sub-menu a:not(.tipi-button){letter-spacing:-0.03em}.copyright{letter-spacing:0.03em}.widget-title{letter-spacing:-0.04em}html, body{font-size:17px}.byline{font-size:14px}input[type=submit], button, .tipi-button,.button,.wpcf7-submit,.button__back__home{font-size:13px}.excerpt{font-size:14px}.logo-fallback, .secondary-wrap .logo-fallback a{font-size:30px}.breadcrumbs{font-size:17px}.hero-meta.tipi-s-typo .title{font-size:24px}.hero-meta.tipi-s-typo .subtitle{font-size:14px}.hero-meta.tipi-m-typo .title{font-size:32px}.hero-meta.tipi-m-typo .subtitle{font-size:16px}.hero-meta.tipi-xl-typo .title{font-size:32px}.hero-meta.tipi-xl-typo .subtitle{font-size:16px}.block-html-content h1, .single-content .entry-content h1{font-size:32px}.block-html-content h2, .single-content .entry-content h2{font-size:28px}.block-html-content h3, .single-content .entry-content h3{font-size:24px}.block-html-content h4, .single-content .entry-content h4{font-size:20px}.block-html-content h5, .single-content .entry-content h5{font-size:18px}.footer-block-links{font-size:14px}blockquote, q{font-size:25px}.site-footer .copyright{font-size:11px}.footer-navigation{font-size:14px}.site-footer .menu-icons{font-size:24px}.main-navigation, .main-navigation .menu-icon--text{font-size:15px}.sub-menu a:not(.tipi-button){font-size:14px}.main-navigation .menu-icon, .main-navigation .trending-icon-solo{font-size:20px}.secondary-wrap-v .standard-drop>a,.secondary-wrap, .secondary-wrap a, .secondary-wrap .menu-icon--text{font-size:13px}.secondary-wrap .menu-icon, .secondary-wrap .menu-icon a, .secondary-wrap .trending-icon-solo{font-size:15px}.block-title, .page-title{font-size:32px}.block-subtitle{font-size:17px}.block-col-self .preview-2 .title{font-size:32px}.block-wrap-classic .tipi-m-typo .title-wrap .title{font-size:20px}.tipi-s-typo .title, .ppl-s-3 .tipi-s-typo .title, .zeen-col--wide .ppl-s-3 .tipi-s-typo .title, .preview-1 .title, .preview-21:not(.tipi-xs-typo) .title{font-size:18px}.split-1:not(.preview-thumbnail) .mask{-webkit-flex: 0 0 calc( 41% - 15px); -ms-flex: 0 0 calc( 41% - 15px); flex: 0 0 calc( 41% - 15px); width: calc( 41% - 15px);}.footer-lower-area{padding-top:24px}.footer-lower-area{padding-bottom:32px}.block-wrap-grid .tipi-xl-typo .title{font-size:32px}.block-wrap-grid .tipi-l-typo .title{font-size:28px}.block-wrap-grid .tipi-s-typo .title-wrap .title, .block-92 .block-piece-2 article .title-wrap .title, .block-94 .block-piece-2 .tipi-xs-6 .title-wrap .title{font-size:16px!important}.layout-side-info .details{width:130px;float:left}.sticky-header--active.site-header.size-set .logo img, .site-header.size-set.slidedown .logo img, .site-header.size-set.sticky-menu-2.stuck .logo img { height: 40px!important; }.sticky-header--active.site-header .bg-area, .site-header.sticky-menu-2.stuck .bg-area, .site-header.slidedown .bg-area, .main-navigation.stuck .menu-bg-area, .sticky-4-unfixed .header-skin-4.site-header .bg-area { background: rgba(255,255,255,0.9); }.title-contrast .hero-wrap { height: calc( 100vh - 142px ); }.block-col-self .block-71 .tipi-s-typo .title { font-size: 18px; }.mode--alt--b .footer-widget-area:not(.footer-widget-area-1) + .footer-lower-area { border-top:1px #333333 solid ; }.footer-widget-wrap { border-right:1px #333333 solid ; }.footer-widget-wrap .widget_search form, .footer-widget-wrap select { border-color:#333333; }.footer-widget-wrap .zeen-widget { border-bottom:1px #333333 solid ; }.footer-widget-wrap .zeen-widget .preview-thumbnail { border-bottom-color: #333333;}.secondary-wrap .menu-padding, .secondary-wrap .ul-padding > li > a { padding-top: 6px; padding-bottom: 6px; }}@media only screen and (min-width: 1240px) {.hero-l .single-content {padding-top: 45px}body{line-height:1.93}.site h1{letter-spacing:-0.02em}.main-navigation .horizontal-menu > li > a{letter-spacing:-0.01em}.sub-menu a:not(.tipi-button){letter-spacing:-0.01em}.site blockquote{letter-spacing:0.01em}.widget-title{letter-spacing:-0.02em}html, body{font-size:18px}.breadcrumbs{font-size:18px}.hero-meta.tipi-s-typo .title{font-size:30px}.footer-block-links{font-size:15px}.block-subtitle{font-size:16px}.block-wrap-classic .tipi-m-typo .title-wrap .title{font-size:18px}.tipi-s-typo .title, .ppl-s-3 .tipi-s-typo .title, .zeen-col--wide .ppl-s-3 .tipi-s-typo .title, .preview-1 .title, .preview-21:not(.tipi-xs-typo) .title{font-size:24px}.tipi-xs-typo .title, .tipi-basket-wrap .basket-item .title{font-size:16px}.widget-title{font-size:24px}.split-1:not(.preview-thumbnail) .mask{-webkit-flex: 0 0 calc( 40% - 15px); -ms-flex: 0 0 calc( 40% - 15px); flex: 0 0 calc( 40% - 15px); width: calc( 40% - 15px);}.footer-lower-area{padding-top:40px}.footer-lower-area{padding-bottom:40px}.footer-upper-area{padding-bottom:50px}.footer-upper-area{padding-top:50px}.block-wrap-grid .tipi-m-typo .title-wrap .subtitle, .block-wrap-grid .tipi-l-typo .title-wrap .subtitle, .block-wrap-grid .tipi-xl-typo .title-wrap .subtitle, .block-94 .block-piece-2 .tipi-xs-12 .title-wrap .subtitle, .zeen-col--wide .block-wrap-grid:not(.block-wrap-81):not(.block-wrap-82) .tipi-m-typo .title-wrap .subtitle{font-size:18px}}.main-menu-bar-color-1 .current-menu-item > a, .main-menu-bar-color-1 .menu-main-menu > .dropper.active:not(.current-menu-item) > a { background-color: #f8d92f;}.cats .cat-with-bg, .byline-1 .comments { font-size:0.8em; }.site-header a { color: #111; }.site-skin-3.content-subscribe, .site-skin-3.content-subscribe .subtitle, .site-skin-3.content-subscribe input, .site-skin-3.content-subscribe h2 { color: #fff; } .site-skin-3.content-subscribe input[type="email"] { border-color: #fff; }.mob-menu-wrap a { color: #fff; }.mob-menu-wrap .mobile-navigation .mobile-search-wrap .search { border-color: #fff; }.footer-widget-wrap .widget_search form { border-color:#333; }.content-area .zeen-widget { padding:20px 12px 20px; }.content-area .zeen-widget{ margin-bottom:0px; }.grid-image-2.loop-0 .mask-overlay { background-image: linear-gradient(130deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.93) 80%); }.grid-image-2.loop-1 .mask-overlay { background-image: linear-gradient(130deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.93) 80%); }.grid-image-2.loop-2 .mask-overlay { background-image: linear-gradient(130deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.93) 80%); }.grid-image-2.loop-3 .mask-overlay { background-image: linear-gradient(130deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.93) 80%); }.grid-image-2.loop-4 .mask-overlay { background-image: linear-gradient(130deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.93) 80%); }.grid-image-2.loop-5 .mask-overlay { background-image: linear-gradient(130deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.93) 80%); }.with-fi.preview-grid,.with-fi.preview-grid .byline,.with-fi.preview-grid .subtitle, .with-fi.preview-grid a { color: #fff; }.preview-grid .mask-overlay { opacity: 0.6 ; }@media (pointer: fine) {.preview-grid:hover .mask-overlay { opacity: 0.7 ; }}.slider-image-1 .mask-overlay { background-color: #1a1d1e ; }.with-fi.preview-slider-overlay,.with-fi.preview-slider-overlay .byline,.with-fi.preview-slider-overlay .subtitle, .with-fi.preview-slider-overlay a { color: #fff; }.preview-slider-overlay .mask-overlay { opacity: 0.2 ; }@media (pointer: fine) {.preview-slider-overlay:hover .mask-overlay { opacity: 0.6 ; }}.site-header .bg-area { background-image: linear-gradient(130deg, #eaeaea 0%, #f0f0f0 80%); }.site-header .bg-area .background { background-image: none; opacity: 1; }.sidebar-wrap .bg-area { background-image: linear-gradient(130deg, #7047eb 0%, #b447eb 80%); }.sidebar-wrap .bg-area .background { background-image: none; opacity: 1; }.site-skin-3 .sidebar:not(.sidebar-own-bg) { color: #252422; }.sidebar-wrap .bg-area .load-more-wrap .tipi-arrow { border-color:#252422; color:#252422; }.sidebar-wrap .bg-area .load-more-wrap .tipi-arrow i:after { background:#252422; }.sidebar-wrap .bg-area,.sidebar-wrap .bg-area .byline,.sidebar-wrap .bg-area a,.sidebar-wrap .bg-area .widget_search form *,.sidebar-wrap .bg-area h3,.sidebar-wrap .bg-area .widget-title { color:#252422; }.sidebar-wrap .bg-area .tipi-spin.tipi-row-inner-style:before { border-color:#252422; }.content-subscribe .bg-area, .content-subscribe .bg-area .woo-product-rating span, .content-subscribe .bg-area .stack-design-3 .meta { background-color: #272727; }.content-subscribe .bg-area .background { background-image: none; opacity: 1; }.content-subscribe .bg-area,.content-subscribe .bg-area .byline,.content-subscribe .bg-area a,.content-subscribe .bg-area .widget_search form *,.content-subscribe .bg-area h3,.content-subscribe .bg-area .widget-title { color:#fff; }.content-subscribe .bg-area .tipi-spin.tipi-row-inner-style:before { border-color:#fff; }.slide-in-menu .bg-area, .slide-in-menu .bg-area .woo-product-rating span, .slide-in-menu .bg-area .stack-design-3 .meta { background-color: #272727; }.slide-in-menu .bg-area .background { background-image: none; opacity: 1; }.slide-in-menu,.slide-in-menu .bg-area a,.slide-in-menu .bg-area .widget-title, .slide-in-menu .cb-widget-design-1 .cb-score { color:#fff; }.slide-in-menu form { border-color:#fff; }.slide-in-menu .bg-area .mc4wp-form-fields input[type="email"], #subscribe-submit input[type="email"], .subscribe-wrap input[type="email"],.slide-in-menu .bg-area .mc4wp-form-fields input[type="text"], #subscribe-submit input[type="text"], .subscribe-wrap input[type="text"] { border-bottom-color:#fff; }.mob-menu-wrap .bg-area, .mob-menu-wrap .bg-area .woo-product-rating span, .mob-menu-wrap .bg-area .stack-design-3 .meta { background-color: #0a0a0a; }.mob-menu-wrap .bg-area .background { background-image: none; opacity: 1; }.mob-menu-wrap .bg-area,.mob-menu-wrap .bg-area .byline,.mob-menu-wrap .bg-area a,.mob-menu-wrap .bg-area .widget_search form *,.mob-menu-wrap .bg-area h3,.mob-menu-wrap .bg-area .widget-title { color:#fff; }.mob-menu-wrap .bg-area .tipi-spin.tipi-row-inner-style:before { border-color:#fff; }.content-subscribe-block .bg-area, .content-subscribe-block .bg-area .woo-product-rating span, .content-subscribe-block .bg-area .stack-design-3 .meta { background-color: #272727; }.content-subscribe-block .bg-area .background { opacity: 1; }.content-subscribe-block .bg-area,.content-subscribe-block .bg-area .byline,.content-subscribe-block .bg-area a,.content-subscribe-block .bg-area .widget_search form *,.content-subscribe-block .bg-area h3,.content-subscribe-block .bg-area .widget-title { color:#fff; }.content-subscribe-block .bg-area .tipi-spin.tipi-row-inner-style:before { border-color:#fff; }.main-navigation, .main-navigation .menu-icon--text { color: #1e1e1e; }.main-navigation .horizontal-menu>li>a { padding-left: 10px; padding-right: 10px; }.main-navigation .menu-bg-area { background-image: linear-gradient(130deg, rgba(240,240,240,0.69) 0%, rgba(240,240,240,0.94) 80%); }#progress { background-color: #ffeb3b; }.main-navigation .horizontal-menu .drop, .main-navigation .horizontal-menu > li > a, .date--main { padding-top: 8px; padding-bottom: 8px; }.site-mob-header .menu-icon { font-size: 21px; }.site-mob-header .tipi-i-menu-mob { width: 21px; }.site-mob-header .tipi-i-menu-mob:before {top: -9px;}.site-mob-header .tipi-i-menu-mob:after {top: 9px;}.secondary-wrap-v .standard-drop>a,.secondary-wrap, .secondary-wrap a, .secondary-wrap .menu-icon--text { color: #fff; }.secondary-wrap .menu-secondary > li > a, .secondary-icons li > a { padding-left: 8px; padding-right: 8px; }.mc4wp-form-fields input[type=submit], .mc4wp-form-fields button, #subscribe-submit input[type=submit], .subscribe-wrap input[type=submit] {color: #121212;background-image: linear-gradient(130deg, #ffffff 0%, #ffffff 80%);}.site-mob-header:not(.site-mob-header-11) .header-padding .logo-main-wrap, .site-mob-header:not(.site-mob-header-11) .header-padding .icons-wrap a, .site-mob-header-11 .header-padding { padding-top: 20px; padding-bottom: 20px; }.site-header .header-padding { padding-top:32px; padding-bottom:24px; }.site-header.sticky-menu-2.stuck .header-padding, .site-header.slidedown .header-padding, .sticky-header--active.site-header .header-padding, .main-navigation.stuck .horizontal-menu > li > a { padding-top: 20px; padding-bottom: 20px; }@media only screen and (min-width: 860px){.tipi-m-0 {display: none}} </style> <noscript><link rel='stylesheet' id='zeen-child-style-css' href='https://photoshopvip.net/wp-content/themes/zeen-child/style.css?ver=4.5.6' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='zeen-child-style-css' href='https://photoshopvip.net/wp-content/themes/zeen-child/style.css?ver=4.5.6' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='block-editor-styles-css' href='https://photoshopvip.net/wp-content/themes/zeen/style-editor.css?ver=1.0.1' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='block-editor-styles-css' href='https://photoshopvip.net/wp-content/themes/zeen/style-editor.css?ver=1.0.1' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='theme-style-css' href='https://photoshopvip.net/wp-content/themes/zeen-child/style.css?ver=1737697050' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='theme-style-css' href='https://photoshopvip.net/wp-content/themes/zeen-child/style.css?ver=1737697050' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='zeen-dark-mode-css' href='https://photoshopvip.net/wp-content/themes/zeen/assets/css/dark.min.css?ver=1743656702' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='zeen-dark-mode-css' href='https://photoshopvip.net/wp-content/themes/zeen/assets/css/dark.min.css?ver=1743656702' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='elementor-frontend-css' href='https://photoshopvip.net/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1744017660' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='elementor-frontend-css' href='https://photoshopvip.net/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1744017660' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='elementor-post-136889-css' href='https://photoshopvip.net/wp-content/uploads/elementor/css/post-136889.css?ver=1744017660' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='elementor-post-136889-css' href='https://photoshopvip.net/wp-content/uploads/elementor/css/post-136889.css?ver=1744017660' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='login-with-ajax-css' href='https://photoshopvip.net/wp-content/plugins/login-with-ajax/templates/widget.css?ver=4.4' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='login-with-ajax-css' href='https://photoshopvip.net/wp-content/plugins/login-with-ajax/templates/widget.css?ver=4.4' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='jquery-chosen-css' href='https://photoshopvip.net/wp-content/plugins/jet-search/assets/lib/chosen/chosen.min.css?ver=1.8.7' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='jquery-chosen-css' href='https://photoshopvip.net/wp-content/plugins/jet-search/assets/lib/chosen/chosen.min.css?ver=1.8.7' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='jet-search-css' href='https://photoshopvip.net/wp-content/plugins/jet-search/assets/css/jet-search.css?ver=3.5.7.1' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='jet-search-css' href='https://photoshopvip.net/wp-content/plugins/jet-search/assets/css/jet-search.css?ver=3.5.7.1' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://photoshopvip.net/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1742266785' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://photoshopvip.net/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1742266785' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://photoshopvip.net/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1742266790' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://photoshopvip.net/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1742266790' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <noscript><link rel='stylesheet' id='elementor-gf-local-notoserifjp-css' href='https://photoshopvip.net/wp-content/uploads/elementor/google-fonts/css/notoserifjp.css?ver=1742266907' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='elementor-gf-local-notoserifjp-css' href='https://photoshopvip.net/wp-content/uploads/elementor/google-fonts/css/notoserifjp.css?ver=1742266907' type='text/css' media="not all" data-media="all" onload="this.media=this.dataset.media; delete this.dataset.media; this.removeAttribute( 'onload' );" /> <link rel="https://api.w.org/" href="https://photoshopvip.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://photoshopvip.net/wp-json/wp/v2/posts/162763" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://photoshopvip.net/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://photoshopvip.net/?p=162763' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://photoshopvip.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fphotoshopvip.net%2F162763" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://photoshopvip.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fphotoshopvip.net%2F162763&#038;format=xml" /> <style>img#wpstats{display:none}</style> <style type="text/css">.entry-content-wrap p{margin-bottom: 1.5em !important;} .toc li{font-size: 14px;} .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { cursor: pointer; } @media only screen and (min-width: 1020px){ .tipi-l-8 { width: 690px !important; } .cover-1 .slider-imgs, .cover-11 .slider-imgs { height: calc(60vh - 150px); } } .vip-blocks-timeline-item:before { top: 18px; width: 1px; } .title-wrap { word-break: auto-phrase; } @media only screen and (min-width: 1240px) { .align-fs .contents-wrap .video-wrap, .align-fs-center .aligncenter.size-full, .align-fs-center .wp-caption.aligncenter .size-full, .align-fs-center .tiled-gallery, .align-fs .alignwide { width: 1280px; } } .wp-block-image img { margin-bottom: 0 !important; } .wp-block-embed iframe { margin-bottom: 0 !important; }</style> <!-- Google Analytics --> <!-- End Google Analytics --> <link rel="preload" type="font/woff2" as="font" href="https://photoshopvip.net/wp-content/themes/zeen/assets/css/tipi/tipi.woff2?9oa0lg" crossorigin="anonymous"><link rel="preload" as="image" href="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp" imagesrcset="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-821x497.webp 821w" imagesizes="(max-width: 1000px) 100vw, 1000px"><meta name="generator" content="Elementor 3.28.3; features: e_font_icon_svg, additional_custom_breakpoints, e_local_google_fonts; settings: css_print_method-external, google_font-enabled, font_display-auto"> <meta name="google-site-verification" content="Ai0jxRdI-YJ-wSErcCcPOkwONqFRVxMF7lpQeYjVfn4" /> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <style class='wp-fonts-local' type='text/css'> @font-face{font-family:"Mona Sans";font-style:normal;font-weight:300 900;font-display:block;src:url('https://photoshopvip.net/wp-content/themes/zeen-child/assets/fonts/Mona-Sans.woff2') format('woff2');font-stretch:75% 125%;} @font-face{font-family:"Mona Sans Expanded";font-style:normal;font-weight:300 900;font-display:block;src:url('https://photoshopvip.net/wp-content/themes/zeen-child/assets/fonts/Mona-Sans.woff2') format('woff2');font-stretch:125%;} @font-face{font-family:"Mona Sans Condensed";font-style:normal;font-weight:300 900;font-display:block;src:url('https://photoshopvip.net/wp-content/themes/zeen-child/assets/fonts/Mona-Sans.woff2') format('woff2');font-stretch:94%;} </style> <style type="text/css" id="wp-custom-css"> /* */ .sticky-top { top: -2px; } /* Classicブロック用 サムネイル メタタグ文字色 modifying greyish link color*/ .cats .cat-with-bg, .cats .cat-with-bg-dark { background: #ffec40; color: black !important; font-weight: bold; } .preview-thumbnail .byline:not(.byline-cats-design-2):not(.byline-cats-design-4) .byline-part:not(.author-avatar) { opacity: 1; } .meta .title a { display: inline-block; max-width: 100%; line-height: 1.42; } /* Sticker Header 幅を狭く*/ .site-header.sticky-menu-2.stuck .header-padding, .site-header.slidedown .header-padding, .sticky-header--active.site-header .header-padding, .main-navigation.stuck .horizontal-menu > li > a { padding-top: 16px; padding-bottom: 16px; } /* ロゴサイズ */ .logo img { width: 179px; } /* テキストリンク Hover Effect*/ .meta .title a:hover { text-decoration: underline; } /* トップページ Hero */ @media only screen and (min-width: 1240px){ .split-1:not(.preview-thumbnail) .mask { -webkit-flex: 0 0 calc( 40% - 15px); -ms-flex: 0 0 calc( 40% - 15px); flex: 0 0 calc( 30% - 15px); width: calc( 40% - 15px); } } /* 新着一覧 影なし*/ .meta-skin-shadow article{box-shadow:none; border-radius:4px} /* 新着一覧 余白サイズ*/ /* @media only screen and (min-width: 1240px){ .separation-border { margin-bottom: 40px; } } */ /* フォーカスリンク */ :focus { outline-width: 3px; outline-style: dotted; outline-color: #d33a2c; outline-offset: 2px; } :root{ /* 文字のカーニング */ font-feature-settings: "palt" 1; /* CSS Variables for グラデーション用 */ /* --primary-color: #ffec40; */ --primary-color: #F5DF4D; --pantone-2021-grey: #939597; --gradient-vip: linear-gradient(151deg, #f5df4d, #ffba43, #ff944e, #ff6f62, #f55079, #d43e8f, #a43c9f, #6340a7); /* CSS Variables for ドロップシャドウ */ --material-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; --shadow-hover: 0 25px 20px -21px rgb(0 0 0 / 24%); --minimal-shadow: 0 24px 66px 0 rgb(10 107 255 / 2%), 0 16px 40px 0 rgb(10 107 255 / 3%), 0 2px 8px 0 rgb(10 107 255 / 10%), 0 1px 2px 0 rgb(10 107 255 / 7%); --airbnb-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; --sexy-shadow-button: rgb(0 12 32 / 4%) 0 0 1px 0, rgb(10 31 68 / 10%) 0 3px 4px 0; --tim-shadow: 0 8px 26px -4px rgba(20,20,20,.15),0 8px 9px -5px rgba(20,20,20,.06); } /* モバイルメニュー MENUの文字を追加*/ .mode__wrap { padding: 0 10px 0 5px !important; } .site-mob-header .icons-wrap li a { padding: 0 14px 0 12px; } .site-mob-header .tipi-i-menu-mob { width: 24px; } .site-mob-header .tipi-i-menu-mob:before { top: -8px; } .site-mob-header .tipi-i-menu-mob:after { top: 8px; } li.menu-icon.menu-icon-mobile-slide { margin-top: 6px; } li.menu-icon.menu-icon-mobile-slide:after { content: 'MENU'; font-size: 10px; margin-left: -42px; padding-top: 22px; font-weight: bold; } .mode--alt--b li.menu-icon.menu-icon-mobile-slide:after{ color: white !important; } /* Footer ナビゲーションメニュー 横並びに*/ .footer-widget .menu, .footer-widget.widget_categories ul, .footer-widget.widget_archive ul, .footer-widget.widget_pages ul { font-size: 16px; font-weight: bold; letter-spacing: 1px; display: flex; flex-direction: column; } @media only screen and (min-width: 768px){ .footer-widget .menu, .footer-widget.widget_categories ul, .footer-widget.widget_archive ul, .footer-widget.widget_pages ul { flex-direction: row; } } .zeen-widget li { margin: 8px 20px; } /* タグクラウド 文字サイズ */ .widget_tag_cloud a { font-size: 16px !important; line-height: 2.5; letter-spacing: 0px; text-transform: uppercase; } .widget_tag_cloud a:hover, .widget_tag_cloud a:active{ } /* カテゴリタグ文字 黄色背景用 */ .byline-1 .cats .cat-with-bg { font-weight: 700; padding: 5px 7px; color: black !important; } .cats .cat-with-bg, .cats .cat-with-bg-dark { background: #ffec40; color: black !important; font-weight: bold; } /* ウィジェット見出しタイトル */ .block-title { text-transform: none; } /* ウィジェット ページ送りサイズ */ .block-title-wrap .filters { margin-top: 0;} .tipi-arrow.tipi-arrow-s, .tipi-arrow.tipi-arrow-s2 { height: 40px; width: 40px; line-height: 36px; font-size: 18px; } /* サイドバー ウィジェット 検索ボックス文字色(ダークモード時)*/ .mode--alt--b .sidebar-wrap .bg-area .widget_search form *{ color: white; } /* サイドバー padding削除*/ @media only screen and (max-width: 767px){ .sidebar-wrap .sidebar { padding-left: 4px !important; padding-right: 4px !important; } } /* ライトモード: リンクカラー underline*/ /* 共通設定 */ .link-color-wrap p > a{ font-weight: bold !important; } /* ダークモード: リンクカラー underline */ .mode--alt--b .link-color-wrap a, .mode--alt--b .woocommerce-Tabs-panel--description a { font-weight: bold; text-decoration-color: white; } .mode--alt--b .link-color-wrap a:hover, .mode--alt--b .woocommerce-Tabs-panel--description a:hover { font-weight: bold; text-decoration-color: var(--primary-color); } /* スクロールバー */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 100px; } ::-webkit-scrollbar-thumb { border-radius: 100px; background-image: var(--gradient-vip); } /* ウィジェット見出し フォントサイズ*/ .widget-title{ font-weight: black !important; } /* もっと読むボタンのテキスト色 黄色に合わせて*/ /* Load More*/ .custom-button__size-2.tipi-button.block-loader { margin-top: 50px; } .tipi-button.block-loader { color: #18181e !important; } .tipi-button.block-loader:hover, .wpcf7-submit:hover { box-shadow: var(--tim-shadow); } .wpcf7-submit, .tipi-button.block-loader { background: var(--primary-color) !important; box-shadow: var(--sexy-shadow-button); font-weight: 900; } /* 記事カード用スタイリング */ /* ドロップシャドウ影 */ .mask{ box-shadow: var(--tim-shadow); transition: .2s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .mask:hover, .mask:focus-within { box-shadow: var(--airbnb-shadow); } /* 丸みのあるカード型レイアウト */ /* すべてのカード用 */ .rounded-corners .mask, .rounded-corners .mask img, .rounded-corners .slider, .rounded-corners .slider .slide, .rounded-corners .flickity-viewport, .rounded-corners .zeen-pin-it { border-radius: 8px; } /* 記事ページ 見出し */ .entry-content h2.single-title{ background: #f7f7f9; border-left: 6px solid #00c141; padding: 12px 20px; margin-bottom: 40px; line-height: 1.4; word-break: auto-phrase; text-wrap: balance; } /* 記事ページ 見出し下AD*/ .meta-wrap iframe { margin: 0px auto 0; min-height: 32px; } div#vip-275668608 { margin-top: 20px; } /* 記事ページ 見出し Dark */ .mode--alt--b .entry-content h2.single-title{ background: transparent; border-left: 6px solid var(--primary-color); padding: 20px 30px; margin-bottom: 40px; line-height: 1.4; } s .entry-content h3 { padding: 20px; background: white; border: 1px solid rgba(0,0,0,.13); margin: 32px 0 24px; } /* 記事ページ: 分割レイアウト - サムネイル表示*/ .hero-background+.hero { padding: 4.5%;} /* パンくずリスト 太字*/ .breadcrumbs-wrap{ font-weight: bold; } /* ヒーローイメージ 見出しタイトル 背景黒オーバーレイ */ @media only screen and (min-width: 768px){ .tipi-l-typo .title, .tipi-xl-typo .title { font-size: 24px; } /* パンくずリスト: 左にずらす */ .layout-side-info article>.breadcrumbs-wrap { padding-left: 0px; } /* end of パンくずリスト*/ } @media only screen and (min-width: 1240px){ .tipi-l-typo .title { font-size: 2rem; } } /* 記事ページ Hidden First Image */ .entry-content p:nth-of-type(1) img, .entry-content p:nth-of-type(2) img, .entry-content p:nth-of-type(3) img { display: none; } /* 記事ページ: 画像シャドウ */ @media only screen and (min-width: 768px){ .entry-content img{ border-radius: 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; transition: .2s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .entry-content img:hover{ transform: translatey(3px); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; } } /* 記事ページ: 段落テキスト*/ .entry-content-wrap:not(.new-content .entry-content-wrap) p { margin-bottom: .1em; } /* label */ span.label { font-size: .8em; padding: 4px 8px; background: #1a73e8; border-radius: 3px; color: white; font-weight: bold; } /* 記事ページ: 注目マーカー*/ strong{ background: -webkit-linear-gradient(transparent 60%,#ffff8e 70%); background: linear-gradient(transparent 60%,#ffff8e 70%); background: -webkit-linear-gradient(transparent 60%,#ffff8e 60%);} .mode--alt--b strong{ font-size: 1.09em; background-image: var(--gradient-vip); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; } .mode--alt--b strong:hover{ } /* 記事ページ: 関連記事文字サイズ */ .block-29 .meta .title, .block-28 .meta .title { font-size: 17px; } /* 記事ページ: Gutenbergデフォボタン(青) */ a.wp-block-button__link:hover { background-color: #174ea6 !important; } /* 記事ページ コンテンツ下 */ .entry-footer>div { margin-bottom: 20px; } /* メガメニュー  小カテゴリの文字サイズ*/ @media only screen and (min-width: 768px){ .sub-menu a:not(.tipi-button) { font-size: 18px; font-weight: bold; } } /* メルマガ登録 */ .mc4wp-form-fields input[type=submit], .subscribe-wrap input[type=submit] { font-weight: bold; } .mc4wp-form-fields input[type=submit], .mc4wp-form-fields button, #subscribe-submit input[type=submit], #subscribe-submit button, #subscribe-email input[type=submit], #subscribe-email button { margin-top: -7px; } /*カテゴリ・アーカイブページ* */ @media only screen and (min-width: 481px){ .block-title-1 .block-title-wrap-style .filters { padding-top: 0; margin-top: 0; float: right; display: block; padding: 16px 20px; background-color: whitesmoke; color: black; font-weight: bold; } } .share-it-bold .share-button-X { background: #000; } </style> </head> <body class="post-template-default single single-post postid-162763 single-format-standard wp-custom-logo wp-embed-responsive new-content headings-f1 body-f2 sub-f1 quotes-f2 by-f3 wh-f1 to-top__fixed block-titles-big menu-no-color-hover mob-fi-tall excerpt-mob-off classic-lt-41 skin-light zeen-sb-sticky-off single-sticky-spin site-mob-menu-a-1 site-mob-menu-4 mm-submenu-1 main-menu-logo-1 body-header-style-51 body-header-style-50s body-hero-contrast same-bg byline-font-2 jet-engine-optimized-dom elementor-default elementor-kit-136889 aa-prefix-vip-"> <div id="page" class="site"> <div id="mob-line" class="tipi-m-0"></div><header id="mobhead" class="site-header-block site-mob-header tipi-m-0 site-mob-header-2 site-mob-menu-4 sticky-menu-mob sticky-menu-2 sticky-menu site-skin-1 site-img-1"><div class="bg-area stickyable header-padding tipi-row tipi-vertical-c"> <div class="logo-main-wrap logo-mob-wrap tipi-vertical-c"> <div class="logo logo-mobile"><a href="https://photoshopvip.net" data-pin-nopin="true"><span class="logo-img"><img src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-1.png" alt="" srcset="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-1.png 2x" data-base-src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-1.png" data-alt-src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1.png" width="179" height="17"></span></a></div> </div> <ul class="menu-right icons-wrap tipi-vertical-c"> <li class="menu-icon menu-icon-style-1 menu-icon-mode"> <a href="#" class="mode__wrap"> <span class="mode__inner__wrap tipi-vertical-c tipi-tip tipi-tip-move" data-title="Reading Mode"> <i class="tipi-i-sun tipi-all-c"></i> <i class="tipi-i-moon tipi-all-c"></i> </span> </a> </li> <li class="menu-icon menu-icon-style-1 menu-icon-search"><a href="#" class="tipi-i-search modal-tr tipi-tip tipi-tip-move" data-title="Search" data-type="search"></a></li> <li class="menu-icon menu-icon-mobile-slide"><a href="#" class="mob-tr-open" data-target="slide-menu"><i class="tipi-i-menu-mob" aria-hidden="true"></i></a></li> </ul> <div class="background mask"></div></div> </header><!-- .site-mob-header --> <div class="site-inner"> <div id="secondary-wrap" class="secondary-wrap tipi-xs-0 clearfix font-1 mm-ani-0 secondary-menu-skin-2 secondary-menu-width-1"><div class="menu-bg-area"><div class="menu-content-wrap clearfix tipi-vertical-c tipi-row"> <nav id="secondary-navigation" class="secondary-navigation rotatable tipi-xs-0"> <ul id="menu-secondary" class="menu-secondary horizontal-menu tipi-flex menu-secondary ul-padding row font-1 main-menu-skin-3 main-menu-bar-color-3 mm-skin-1 mm-submenu-1 mm-ani-0"> <li class="current-date menu-padding date--secondary">2025年4月9日</li><li class="trending-inline dropper drop-it mm-art mm-wrap"><a href="#" id="trending-secondary" class="main-title-wrap"><i class="tipi-i-bolt tipi-trending-icon"></i><span class="trending-text">人気エントリー</span></a><div class="trending-inline-drop menu tipi-row"><div class="trending-inline-title clearfix"><div class="trending-op-title">🥳 いま話題の記事</div><div class="trending-ops" data-uid="11957"><span data-r="1" class="trending-op trending-op-1 trending-selected">Now</span><span data-r="2" class="trending-op trending-op-2">Week</span><span data-r="3" class="trending-op trending-op-3">Month</span></div></div><div class="trending-inline-wrap"><div id="block-wrap-11957" class="block-wrap-native block-wrap block-wrap-79 block-css-11957 block-wrap-classic columns__m--1 elements-design-1 block-skin-0 tipi-box tipi-row rounded-corners ppl-m-5 ppl-s-2 clearfix" data-id="11957" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block block-79 tipi-flex preview-review-bot"><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-m-typo stack-1 stack-design-1 loop-0 preview-classic preview__img-shape-l preview-79 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163286 post type-post status-publish format-standard has-post-thumbnail hentry category-trend tag-graphic-design tag-style-guide tag-design-guide tag-trend tag-beginner" style="--animation-order:0"><div class="preview-mini-wrap clearfix"><div class="mask"><div class="counter counter-1 font-1 trending-accent-border"></div><a href="https://photoshopvip.net/163286" class="mask-img" title="1-Neoclassical-Art"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/03/1-Neoclassical-Art-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/1-Neoclassical-Art-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/1-Neoclassical-Art-821x513.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/03/1-Neoclassical-Art-1206x754.avif 1206w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163286">「あのデザイン、なんていうの?」人気グラフィック40スタイル一覧【保存版】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-m-typo stack-1 stack-design-1 loop-1 preview-classic preview__img-shape-l preview-79 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-115273 post type-post status-publish format-gallery has-post-thumbnail hentry category-freebies tag-illustration tag-website tag-legend post_format-post-format-gallery" style="--animation-order:1"><div class="preview-mini-wrap clearfix"><div class="mask"><div class="counter counter-2 font-1 trending-accent-border"></div><a href="https://photoshopvip.net/115273" class="mask-img" title="adobe-stock-sample"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2022/09/adobe-stock-sample-421x263.webp" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="Adobe Stockのサンプル例" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2022/09/adobe-stock-sample-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2022/09/adobe-stock-sample-360x226.webp 360w, https://photoshopvip.net/wp-content/uploads/2022/09/adobe-stock-sample-821x513.webp 821w, https://photoshopvip.net/wp-content/uploads/2022/09/adobe-stock-sample-344x216.webp 344w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img width="374" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20374%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2020/02/nougyou-illust.jpg" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2020/02/nougyou-illust.jpg 1000w, https://photoshopvip.net/wp-content/uploads/2020/02/nougyou-illust-360x253.jpg 360w, https://photoshopvip.net/wp-content/uploads/2020/02/nougyou-illust-300x211.jpg 300w" data-lazy-sizes="(max-width: 374px) 100vw, 374px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a><a href="https://photoshopvip.net/115273" class="media-icon icon-base-3 icon-size-s"><i class="tipi-i-camera" aria-hidden="true"></i><span class="icon-bg"></span><span class="image__count font-1">23</span></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/115273">全て無料、本当は教えたくないフリーイラスト素材サイト116個まとめ【商用OK】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-m-typo stack-1 stack-design-1 loop-2 preview-classic preview__img-shape-l preview-79 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-134984 post type-post status-publish format-standard has-post-thumbnail hentry category-font tag-adobe-fonts tag-japan-font" style="--animation-order:2"><div class="preview-mini-wrap clearfix"><div class="mask"><div class="counter counter-3 font-1 trending-accent-border"></div><a href="https://photoshopvip.net/134984" class="mask-img" title="TA-ことだまR"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2022/05/TA-ことだまR-421x263.jpg" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2022/05/TA-ことだまR-421x263.jpg 421w, https://photoshopvip.net/wp-content/uploads/2022/05/TA-ことだまR-821x513.jpg 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/134984">みんなのAdobe Fonts おすすめ日本語フォント35選【2022年版】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-m-typo stack-1 stack-design-1 loop-3 preview-classic preview__img-shape-l preview-79 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-130506 post type-post status-publish format-gallery has-post-thumbnail hentry category-font tag-vintage tag-816 tag-script post_format-post-format-gallery" style="--animation-order:3"><div class="preview-mini-wrap clearfix"><div class="mask"><div class="counter counter-4 font-1 trending-accent-border"></div><a href="https://photoshopvip.net/130506" class="mask-img" title="Lemon-Tuesday-Handwritten-Font-prev01"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2021/08/Lemon-Tuesday-Handwritten-Font-prev01-421x263.jpg" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2021/08/Lemon-Tuesday-Handwritten-Font-prev01-421x263.jpg 421w, https://photoshopvip.net/wp-content/uploads/2021/08/Lemon-Tuesday-Handwritten-Font-prev01-821x513.jpg 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img loading="lazy" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2021/08/honey-bee-font-421x263.jpg" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2021/08/honey-bee-font-421x263.jpg 421w, https://photoshopvip.net/wp-content/uploads/2021/08/honey-bee-font-821x513.jpg 821w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a><a href="https://photoshopvip.net/130506" class="media-icon icon-base-3 icon-size-s"><i class="tipi-i-camera" aria-hidden="true"></i><span class="icon-bg"></span><span class="image__count font-1">15</span></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/130506">無料で商用OK!筆記体フリーフォント12年分をまとめた秘密リスト</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-m-typo stack-1 stack-design-1 loop-4 preview-classic preview__img-shape-l preview-79 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163412 post type-post status-publish format-standard has-post-thumbnail hentry category-trend tag-1243 tag-ai tag-graphic-design tag-trend" style="--animation-order:4"><div class="preview-mini-wrap clearfix"><div class="mask"><div class="counter counter-5 font-1 trending-accent-border"></div><a href="https://photoshopvip.net/163412" class="mask-img" title="midjourney"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/04/midjourney-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/04/midjourney-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/04/midjourney-821x513.avif 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163412">【2025年版】用途別AIツール完全ガイド|動画編集・画像生成・アニメーション制作が爆速に!</a></h3></div></div></div></article></div></div></div></div></div></div></li> </ul> </nav><!-- .secondary-navigation --> <ul class="horizontal-menu menu-icons ul-padding tipi-vertical-c tipi-flex-r secondary-icons"> <li class="menu-icon menu-icon-subscribe"><a href="#" class="modal-tr" data-type="subscribe"><i class="tipi-i-mail"></i><span class="menu-icon--text font-1">メルマガ登録</span></a></li> <li class="menu-icon menu-icon-style-1 menu-icon-fb"><a href="https://facebook.com/photoshopvip" data-title="Facebook" class="tipi-i-facebook tipi-tip tipi-tip-move" rel="noopener nofollow" aria-label="Facebook" target="_blank"></a></li><li class="menu-icon menu-icon-style-1 menu-icon-tw"><a href="https://twitter.com/photoshopvip" data-title="X" class="tipi-i-x tipi-tip tipi-tip-move" rel="noopener nofollow" aria-label="X" target="_blank"></a></li> </ul></div></div></div><div id="header-line"></div><nav id="site-navigation" class="main-navigation main-navigation-1 tipi-xs-0 clearfix logo-always-vis main-menu-skin-3 main-menu-width-1 main-menu-bar-color-3 mm-skin-1 mm-submenu-1 mm-ani-0 sticky-menu-dt sticky-menu sticky-menu-2"> <div class="main-navigation-border menu-bg-area"> <div class="nav-grid clearfix tipi-row"> <div class="tipi-flex sticky-part sticky-p1"> <div class="logo-menu-wrap tipi-vertical-c"><div class="logo logo-main-menu"><a href="https://photoshopvip.net" data-pin-nopin="true"><span class="logo-img"><img loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo.png" alt="" srcset="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo@2x-1-1.png 2x" data-base-src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo.png" data-alt-src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1-2.png" data-base-srcset="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo@2x-1-1.png 2x" data-alt-srcset="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1-2.png 2x" width="179" height="17"></span></a></div></div> <ul id="menu-main-menu" class="menu-main-menu horizontal-menu tipi-flex font-1"> <li id="menu-item-96780" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper drop-it mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96780"><a href="https://photoshopvip.net/category/freebies" data-ppp="3" data-tid="749" data-term="category">フリー素材</a><div class="menu mm-11 tipi-row" data-mm="11"><div class="menu-wrap menu-wrap-more-10 tipi-flex"><div id="block-wrap-96780" class="block-wrap-native block-wrap block-wrap-61 block-css-96780 block-wrap-classic columns__m--1 elements-design-1 block-skin-0 filter-wrap-2 tipi-box tipi-row rounded-corners ppl-m-3 ppl-s-3 clearfix" data-id="96780" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block-title-wrap module-block-title clearfix block-title-1 with-load-more"><div class="block-title-area clearfix"><div class="block-title font-1">フリー素材</div></div><div class="filters tipi-flex font-2"><div class="load-more-wrap load-more-size-2 load-more-wrap-2"> <a href="#" data-id="96780" class="tipi-arrow tipi-arrow-s tipi-arrow-l block-loader block-more block-more-1 no-more" data-dir="1"><i class="tipi-i-angle-left" aria-hidden="true"></i></a> <a href="#" data-id="96780" class="tipi-arrow tipi-arrow-s tipi-arrow-r block-loader block-more block-more-2" data-dir="2"><i class="tipi-i-angle-right" aria-hidden="true"></i></a> </div></div></div><div class="block block-61 tipi-flex preview-review-bot"><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-0 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163087 post type-post status-publish format-standard has-post-thumbnail hentry category-freebies tag-figma tag-icon tag-texteffect tag-texture tag-837 tag-mockup tag-picture-effect" style="--animation-order:0"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163087" class="mask-img" title="glow-cascade"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/03/glow-cascade-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" loading="lazy" /><img loading="lazy" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3-421x263.avif" data-lazy-srcset="" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163087">これを知らなきゃ損!無料で使える最新デザイン素材40選【商用OKあり】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-1 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-162979 post type-post status-publish format-standard has-post-thumbnail hentry category-font tag-adobe-fonts tag-vintage tag-837 tag-retro tag-hand-written tag-japan-font" style="--animation-order:1"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/162979" class="mask-img" title="dribbble_avenir"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/02/dribbble_avenir-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" loading="lazy" /><img loading="lazy" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3-421x263.avif" data-lazy-srcset="" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162979">FuturaやHelveticaも無料&#x2049; 有名フォントそっくりのフリーフォントまとめ</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-2 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-162878 post type-post status-publish format-standard has-post-thumbnail hentry category-font tag-adobe-fonts tag-vintage tag-837 tag-retro tag-hand-written tag-japan-font" style="--animation-order:2"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/162878" class="mask-img" title="haykuchidori-sample-0"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-0-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" loading="lazy" /><img loading="lazy" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3-421x263.avif" data-lazy-srcset="" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162878">【最新】Adobe Fontsに百千鳥フォント登場!無料で使える日本語フォントがさらに充実</a></h3></div></div></div></article></div></div></div></div> <ul class="sub-menu"> <li id="menu-item-96786" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96786"><a href="https://photoshopvip.net/category/freebies/font" class="block-more block-mm-changer block-mm-init block-changer" data-title="フリーフォント" data-url="https://photoshopvip.net/category/freebies/font" data-subtitle="無料で使えるフリーフォントをまとめています。&lt;br/&gt;特に人気の高い日本語フォントや、オシャレでかわいい英語フォント、筆ブラシで手書きしたような毛筆フォント、筆記体やレトロ、ポップなどさまざまなスタイルに対応できるフォントを見つけてみましょう。&lt;/br&gt;紹介している素材は、ほとんど無料ダウンロードでき、商用ライセンスの有無についても記載しています。&lt;/br&gt;お気に入りのフォントが、きっと見つかりますよ。   &lt;style type=&quot;text/css&quot;&gt; .adslot_3 { width: 300px; height: 259px; margin: 0 auto;} @media (min-width:768px) { .adslot_3 { width: 728px; height: 90px;} } &lt;/style&gt; &lt;!-- 新VIPWORKS ヘッダー2 --&gt; &lt;ins class=&quot;adsbygoogle adslot_3&quot; style=&quot;display:block&quot; data-ad-client=&quot;ca-pub-0328919403164433&quot; data-ad-slot=&quot;9425238120&quot; data-ad-format=&quot;auto&quot;&gt;&lt;/ins&gt; &lt;script&gt; (adsbygoogle = window.adsbygoogle || []).push({}); &lt;/script&gt; " data-count="353" data-tid="753" data-term="category">フリーフォント</a></li> <li id="menu-item-96785" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96785"><a href="https://photoshopvip.net/category/freebies/texture" class="block-more block-mm-changer block-mm-init block-changer" data-title="テクスチャ" data-url="https://photoshopvip.net/category/freebies/texture" data-subtitle="" data-count="196" data-tid="285" data-term="category">テクスチャ</a></li> <li id="menu-item-96788" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96788"><a href="https://photoshopvip.net/category/freebies/brush" class="block-more block-mm-changer block-mm-init block-changer" data-title="ブラシ" data-url="https://photoshopvip.net/category/freebies/brush" data-subtitle="" data-count="81" data-tid="758" data-term="category">ブラシ</a></li> <li id="menu-item-96787" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96787"><a href="https://photoshopvip.net/category/freebies/free-pic" class="block-more block-mm-changer block-mm-init block-changer" data-title="フリー写真" data-url="https://photoshopvip.net/category/freebies/free-pic" data-subtitle="" data-count="41" data-tid="752" data-term="category">フリー写真</a></li> <li id="menu-item-96782" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96782"><a href="https://photoshopvip.net/category/freebies/ps-action" class="block-more block-mm-changer block-mm-init block-changer" data-title="PSアクション" data-url="https://photoshopvip.net/category/freebies/ps-action" data-subtitle="" data-count="61" data-tid="751" data-term="category">PSアクション</a></li> <li id="menu-item-96781" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96781"><a href="https://photoshopvip.net/category/freebies/psd" class="block-more block-mm-changer block-mm-init block-changer" data-title="PSDファイル" data-url="https://photoshopvip.net/category/freebies/psd" data-subtitle="" data-count="250" data-tid="750" data-term="category">PSDファイル</a></li> <li id="menu-item-96783" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96783"><a href="https://photoshopvip.net/category/freebies/ps-plugin" class="block-more block-mm-changer block-mm-init block-changer" data-title="PS拡張機能" data-url="https://photoshopvip.net/category/freebies/ps-plugin" data-subtitle="" data-count="11" data-tid="760" data-term="category">PS拡張機能</a></li> <li id="menu-item-96789" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96789"><a href="https://photoshopvip.net/category/freebies/vector" class="block-more block-mm-changer block-mm-init block-changer" data-title="ベクター" data-url="https://photoshopvip.net/category/freebies/vector" data-subtitle="" data-count="162" data-tid="374" data-term="category">ベクター</a></li> <li id="menu-item-96784" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96784"><a href="https://photoshopvip.net/category/freebies/icon" class="block-more block-mm-changer block-mm-init block-changer" data-title="アイコン" data-url="https://photoshopvip.net/category/freebies/icon" data-subtitle="" data-count="100" data-tid="134" data-term="category">アイコン</a></li> </ul></div></div> </li> <li id="menu-item-96790" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children dropper drop-it mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96790"><a href="https://photoshopvip.net/category/web" data-ppp="3" data-tid="754" data-term="category">ウェブ制作</a><div class="menu mm-11 tipi-row" data-mm="11"><div class="menu-wrap menu-wrap-more-10 tipi-flex"><div id="block-wrap-96790" class="block-wrap-native block-wrap block-wrap-61 block-css-96790 block-wrap-classic columns__m--1 elements-design-1 block-skin-0 filter-wrap-2 tipi-box tipi-row rounded-corners ppl-m-3 ppl-s-3 clearfix" data-id="96790" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block-title-wrap module-block-title clearfix block-title-1 with-load-more"><div class="block-title-area clearfix"><div class="block-title font-1">ウェブ制作</div></div><div class="filters tipi-flex font-2"><div class="load-more-wrap load-more-size-2 load-more-wrap-2"> <a href="#" data-id="96790" class="tipi-arrow tipi-arrow-s tipi-arrow-l block-loader block-more block-more-1 no-more" data-dir="1"><i class="tipi-i-angle-left" aria-hidden="true"></i></a> <a href="#" data-id="96790" class="tipi-arrow tipi-arrow-s tipi-arrow-r block-loader block-more block-more-2" data-dir="2"><i class="tipi-i-angle-right" aria-hidden="true"></i></a> </div></div></div><div class="block block-61 tipi-flex preview-review-bot"><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-0 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163412 post type-post status-publish format-standard has-post-thumbnail hentry category-trend tag-1243 tag-ai tag-graphic-design tag-trend" style="--animation-order:0"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163412" class="mask-img" title="midjourney"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/04/midjourney-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/04/midjourney-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/04/midjourney-821x513.avif 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163412">【2025年版】用途別AIツール完全ガイド|動画編集・画像生成・アニメーション制作が爆速に!</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-1 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163379 post type-post status-publish format-standard has-post-thumbnail hentry category-trend tag-graphic-design tag-style-guide tag-design-guide tag-trend tag-beginner" style="--animation-order:1"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163379" class="mask-img" title="rich-abstract-watercolors-1"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2022/09/rich-abstract-watercolors-1-421x263.webp" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="DECADES: BADGE &amp; LOGO TEMPLATES" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2022/09/rich-abstract-watercolors-1-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2022/09/rich-abstract-watercolors-1-821x513.webp 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163379">「なにから始める?」を解決!春からはじめる無料デザイン入門ガイド【2025年版】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-2 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163362 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-codepen tag-html-snippet" style="--animation-order:2"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163362" class="mask-img" title="latesthtml2025march-cover"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-821x513.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-1206x754.avif 1206w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163362">つい触りたくなる!UIアニメーション&インタラクション40選【2025年版】</a></h3></div></div></div></article></div></div></div></div> <ul class="sub-menu"> <li id="menu-item-96794" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96794"><a href="https://photoshopvip.net/category/web/trend" class="block-more block-mm-changer block-mm-init block-changer" data-title="ウェブ考察" data-url="https://photoshopvip.net/category/web/trend" data-subtitle="" data-count="303" data-tid="757" data-term="category">ウェブ考察</a></li> <li id="menu-item-96793" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent dropper drop-it menu-item-96793"><a href="https://photoshopvip.net/category/web/webdesign" class="block-more block-mm-changer block-mm-init block-changer" data-title="ウェブデザイン" data-url="https://photoshopvip.net/category/web/webdesign" data-subtitle="" data-count="551" data-tid="756" data-term="category">ウェブデザイン</a></li> <li id="menu-item-96791" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96791"><a href="https://photoshopvip.net/category/web/html-template" class="block-more block-mm-changer block-mm-init block-changer" data-title="HTMLテンプレート" data-url="https://photoshopvip.net/category/web/html-template" data-subtitle="" data-count="51" data-tid="755" data-term="category">HTMLテンプレート</a></li> <li id="menu-item-96792" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96792"><a href="https://photoshopvip.net/category/web/wordpress" class="block-more block-mm-changer block-mm-init block-changer" data-title="WordPress" data-url="https://photoshopvip.net/category/web/wordpress" data-subtitle="" data-count="63" data-tid="118" data-term="category">WordPress</a></li> </ul></div></div> </li> <li id="menu-item-96796" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper drop-it mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96796"><a href="https://photoshopvip.net/category/tutorial" data-ppp="3" data-tid="12" data-term="category">チュートリアル</a><div class="menu mm-11 tipi-row" data-mm="11"><div class="menu-wrap menu-wrap-more-10 tipi-flex"><div id="block-wrap-96796" class="block-wrap-native block-wrap block-wrap-61 block-css-96796 block-wrap-classic columns__m--1 elements-design-1 block-skin-0 filter-wrap-2 tipi-box tipi-row rounded-corners ppl-m-3 ppl-s-3 clearfix" data-id="96796" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block-title-wrap module-block-title clearfix block-title-1 with-load-more"><div class="block-title-area clearfix"><div class="block-title font-1">チュートリアル</div></div><div class="filters tipi-flex font-2"><div class="load-more-wrap load-more-size-2 load-more-wrap-2"> <a href="#" data-id="96796" class="tipi-arrow tipi-arrow-s tipi-arrow-l block-loader block-more block-more-1 no-more" data-dir="1"><i class="tipi-i-angle-left" aria-hidden="true"></i></a> <a href="#" data-id="96796" class="tipi-arrow tipi-arrow-s tipi-arrow-r block-loader block-more block-more-2" data-dir="2"><i class="tipi-i-angle-right" aria-hidden="true"></i></a> </div></div></div><div class="block block-61 tipi-flex preview-review-bot"><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-0 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163219 post type-post status-publish format-standard has-post-thumbnail hentry category-ps-tip tag-photoshop tag-ps-how tag-tutorials tag-cropipng tag-1170" style="--animation-order:0"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163219" class="mask-img" title="remove-background-v2-cover"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover-883x552.avif 883w, https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover-821x513.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/remove-background-v2-cover.avif 1192w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163219">Photoshop 切り抜き革命!髪の毛までAIでワンクリック選択</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-1 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163148 post type-post status-publish format-standard has-post-thumbnail hentry category-ps-tip tag-photoshop tag-ps-how tag-1248 tag-tutorials tag-1249" style="--animation-order:1"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163148" class="mask-img" title="adjust-colors-cover"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/03/adjust-colors-cover-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/adjust-colors-cover-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/adjust-colors-cover-821x513.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/03/adjust-colors-cover-1206x754.avif 1206w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img fetchpriority="high" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/03/step20-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-360x225.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/step20-344x215.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/step20.avif 796w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163148">【秒速編集】Photoshopの「カラーを調整」なら、色の置き換えがワンクリックで完了!</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border-style loop-2 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-162299 post type-post status-publish format-standard has-post-thumbnail hentry category-ps-tip tag-adobe-firefly tag-photoshop tag-ps-how tag-1145 tag-tutorials tag-1180 tag-1187 tag-ai" style="--animation-order:2"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/162299" class="mask-img" title="duotone-neon-lkight-space-psoter-photoshop-tutorial"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2024/12/duotone-neon-lkight-space-psoter-photoshop-tutorial-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/12/duotone-neon-lkight-space-psoter-photoshop-tutorial-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2024/12/duotone-neon-lkight-space-psoter-photoshop-tutorial-1155x720.avif 1155w, https://photoshopvip.net/wp-content/uploads/2024/12/duotone-neon-lkight-space-psoter-photoshop-tutorial-821x513.avif 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162299">【総まとめ】AI時代のPhotoshop!2024年の注目チュートリアル50選</a></h3></div></div></div></article></div></div></div></div> <ul class="sub-menu"> <li id="menu-item-96795" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96795"><a href="https://photoshopvip.net/category/tutorial/resource-tutorial" class="block-more block-mm-changer block-mm-init block-changer" data-title="チュートリアルまとめ" data-url="https://photoshopvip.net/category/tutorial/resource-tutorial" data-subtitle="" data-count="228" data-tid="13" data-term="category">チュートリアルまとめ</a></li> <li id="menu-item-96797" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96797"><a href="https://photoshopvip.net/category/tutorial/ps-tip" class="block-more block-mm-changer block-mm-init block-changer" data-title="PSテクニック" data-url="https://photoshopvip.net/category/tutorial/ps-tip" data-subtitle="" data-count="80" data-tid="761" data-term="category">PSテクニック</a></li> <li id="menu-item-96798" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96798"><a href="https://photoshopvip.net/category/tutorial/tutorial-texteffect" class="block-more block-mm-changer block-mm-init block-changer" data-title="テキストエフェクトチュートリアル" data-url="https://photoshopvip.net/category/tutorial/tutorial-texteffect" data-subtitle="" data-count="66" data-tid="14" data-term="category">テキストエフェクトチュートリアル</a></li> <li id="menu-item-96799" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96799"><a href="https://photoshopvip.net/category/tutorial/tutorial-designeffect" class="block-more block-mm-changer block-mm-init block-changer" data-title="デザインエフェクトチュートリアル" data-url="https://photoshopvip.net/category/tutorial/tutorial-designeffect" data-subtitle="" data-count="46" data-tid="17" data-term="category">デザインエフェクトチュートリアル</a></li> </ul></div></div> </li> <li id="menu-item-96800" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper drop-it mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96800"><a href="https://photoshopvip.net/category/inspiration" data-ppp="3" data-tid="759" data-term="category">インスピレーション</a><div class="menu mm-11 tipi-row" data-mm="11"><div class="menu-wrap menu-wrap-more-10 tipi-flex"><div id="block-wrap-96800" class="block-wrap-native block-wrap block-wrap-61 block-css-96800 block-wrap-classic columns__m--1 elements-design-1 block-skin-0 filter-wrap-2 tipi-box tipi-row rounded-corners ppl-m-3 ppl-s-3 clearfix" data-id="96800" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block-title-wrap module-block-title clearfix block-title-1 with-load-more"><div class="block-title-area clearfix"><div class="block-title font-1">インスピレーション</div></div><div class="filters tipi-flex font-2"><div class="load-more-wrap load-more-size-2 load-more-wrap-2"> <a href="#" data-id="96800" class="tipi-arrow tipi-arrow-s tipi-arrow-l block-loader block-more block-more-1 no-more" data-dir="1"><i class="tipi-i-angle-left" aria-hidden="true"></i></a> <a href="#" data-id="96800" class="tipi-arrow tipi-arrow-s tipi-arrow-r block-loader block-more block-more-2" data-dir="2"><i class="tipi-i-angle-right" aria-hidden="true"></i></a> </div></div></div><div class="block block-61 tipi-flex preview-review-bot"><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-0 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-162708 post type-post status-publish format-standard has-post-thumbnail hentry category-idea tag-les-pigeons tag-illustration tag-1004 tag-bird tag-1246" style="--animation-order:0"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/162708" class="mask-img" title="20-free-sans-serif"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-421x263.webp" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-821x513.webp 821w, https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-1206x754.webp 1206w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img loading="lazy" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-421x263.webp" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-821x513.webp 821w, https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-1206x754.webp 1206w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162708">マンネリ脱出!プロが選ぶ無料サンセリフフォント20選【DLリンク付き】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border-style loop-1 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-162658 post type-post status-publish format-standard has-post-thumbnail hentry category-idea tag-les-pigeons tag-illustration tag-1004 tag-bird tag-1246" style="--animation-order:1"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/162658" class="mask-img" title="knip-lead"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/01/knip-lead-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/01/knip-lead-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/01/knip-lead-821x513.avif 821w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /><img loading="lazy" width="421" height="263" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20421%20263'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-421x263.webp" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-821x513.webp 821w, https://photoshopvip.net/wp-content/uploads/2024/11/grid-snapshot-1206x754.webp 1206w" data-lazy-sizes="(max-width: 421px) 100vw, 421px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162658">60枚の美しい鳩イラストが無料 19世紀フランスの図鑑「Les Pigeons」の魅力</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border-style loop-2 preview-classic preview__img-shape-l preview-61 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-162586 post type-post status-publish format-standard has-post-thumbnail hentry category-idea tag-1243 tag-pinterest tag-trend tag-trend-color" style="--animation-order:2"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/162586" class="mask-img" title="_Pinterest_Palette_Overview__1_"><img loading="lazy" width="421" height="263" src="https://photoshopvip.net/wp-content/uploads/2025/01/Pinterest_Palette_Overview__1_-421x263.avif" class="attachment-zeen-370-247 size-zeen-370-247 zeen-lazy-load-base zeen-lazy-load-mm wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/01/Pinterest_Palette_Overview__1_-421x263.avif 421w, https://photoshopvip.net/wp-content/uploads/2025/01/Pinterest_Palette_Overview__1_-821x513.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/01/Pinterest_Palette_Overview__1_-1206x754.avif 1206w" sizes="(max-width: 421px) 100vw, 421px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162586">Pinterestが選ぶ2025年のトレンドカラー!チェリーレッドやバターイエローが選出</a></h3></div></div></div></article></div></div></div></div> <ul class="sub-menu"> <li id="menu-item-96801" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96801"><a href="https://photoshopvip.net/category/inspiration/idea" class="block-more block-mm-changer block-mm-init block-changer" data-title="アイデアノート" data-url="https://photoshopvip.net/category/inspiration/idea" data-subtitle="" data-count="109" data-tid="765" data-term="category">アイデアノート</a></li> <li id="menu-item-96802" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96802"><a href="https://photoshopvip.net/category/inspiration/typography" class="block-more block-mm-changer block-mm-init block-changer" data-title="タイポグラフィー" data-url="https://photoshopvip.net/category/inspiration/typography" data-subtitle="" data-count="44" data-tid="764" data-term="category">タイポグラフィー</a></li> <li id="menu-item-96803" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper drop-it menu-item-96803"><a href="https://photoshopvip.net/category/inspiration/package" class="block-more block-mm-changer block-mm-init block-changer" data-title="パッケージ" data-url="https://photoshopvip.net/category/inspiration/package" data-subtitle="" data-count="19" data-tid="762" data-term="category">パッケージ</a></li> </ul></div></div> </li> </ul> <ul class="horizontal-menu font-1 menu-icons tipi-flex-eq-height"> <li class="menu-icon menu-icon-style-1 menu-icon-mode"> <a href="#" class="mode__wrap"> <span class="mode__inner__wrap tipi-vertical-c tipi-tip tipi-tip-move" data-title="Reading Mode"> <i class="tipi-i-sun tipi-all-c"></i> <i class="tipi-i-moon tipi-all-c"></i> </span> </a> </li><li class="menu-icon drop-search-wrap menu-icon-search"><a href="#" class="tipi-i-search modal-tr" data-type="search-drop"></a> <div class="drop-search search-form-wrap widget_search clearfix"><form method="get" class="search tipi-flex" action="https://photoshopvip.net/"> <input type="search" class="search-field font-b" placeholder="キーワードから探す..." value="" name="s" autocomplete="off" aria-label="search form"> <button class="tipi-i-search-thin search-submit" type="submit" value="" aria-label="search"></button> </form> <div class="content-found-wrap"><div class="content-found"></div><div class="button-wrap"><a class="search-all-results button-arrow-r button-arrow tipi-button" href="#"><span class="button-title">See all results</span><i class="tipi-i-arrow-right"></i></a></div></div></div></li> </ul> </div> <div id="sticky-p2" class="sticky-part sticky-p2"><div class="sticky-p2-inner tipi-vertical-c"><div class="title-wrap"><span class="pre-title reading">Reading</span><div class="title" id="sticky-title">2025年もすごい、世界が注目する最先端ウェブデザインまとめ</div></div><div id="sticky-p2-share" class="share-it tipi-vertical-c"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fphotoshopvip.net%2F162763" class=" share-button share-button-fb" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-facebook"></i><span class="social-tip font-base font-1">Share</span></span></a><a href="https://twitter.com/intent/tweet?via=photoshopvip&#038;text=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81%20-%20https%3A%2F%2Fphotoshopvip.net%2F162763" class=" share-button share-button-X" rel="noopener nofollow" aria-label="Post" data-title="Post" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-x"></i><span class="social-tip font-base font-1">Post</span></span></a> <a href="#" class="mode__wrap"> <span class="mode__inner__wrap tipi-vertical-c tipi-tip tipi-tip-move" data-title="Reading Mode"> <i class="tipi-i-sun tipi-all-c"></i> <i class="tipi-i-moon tipi-all-c"></i> </span> </a> </div></div></div> </div> <span id="progress" class=" no-ipl"></span> </div> </nav><!-- .main-navigation --> <div id="content" class="site-content clearfix"> <div id="primary" class="content-area"> <div class="post-wrap clearfix article-layout-skin-1 title-side hero-contrast sidebar-off align-pull align-fade-up align-fs align-fs-center post-162763 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign"> <div class="hero-wrap clearfix hero-43 no-par"><div class="hero-background abs-fs"><img loading="lazy" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp" class="flipboard-image wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></div><div class="hero tipi-xs-12 tipi-m-6"><img loading="lazy" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp" class="flipboard-image wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></div><div class="meta-wrap hero-meta tipi-s-typo elements-design-3 clearfix"><div class="meta meta-no-sub"><div class="byline byline-2 byline-cats-design-2"><div class="byline-part cats"><a href="https://photoshopvip.net/category/web/webdesign" style="background-color:#ffeb3b" class="cat cat-with-bg">ウェブデザイン</a></div></div><div class="title-wrap"><h1 class="entry-title title flipboard-title">2025年もすごい、世界が注目する最先端ウェブデザインまとめ</h1></div><div class="byline byline-3"><span class="byline-part date"><i class="tipi-i-calendar" aria-hidden="true"></i> <time class="entry-date published dateCreated flipboard-date" datetime="2025-02-07T20:56:34+09:00">2025年2月7日</time></span><span class="byline-part updated"><div class="last__updated"><span class="last__updated__title">Last updated:</span><time class="updated" datetime="2025-03-13T11:22:08+09:00">2025年3月13日</div></time></span></div></div><div class="share-it share-it-4 share-it-bold share-it-count-1 share-it-below_title"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fphotoshopvip.net%2F162763" class="tipi-tip tipi-tip-move share-button share-button-fb" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-facebook"></i></span></a><a href="https://twitter.com/intent/tweet?via=photoshopvip&#038;text=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81%20-%20https%3A%2F%2Fphotoshopvip.net%2F162763" class="tipi-tip tipi-tip-move share-button share-button-X" rel="noopener nofollow" aria-label="Post" data-title="Post" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-x"></i></span></a><a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fphotoshopvip.net%2F162763&media=https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2025%2F02%2Fchill-oasis-toyama-821x497.webp&description=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81" class="tipi-tip tipi-tip-move share-button share-button-pin" rel="noopener nofollow" aria-label="Pin" data-title="Pin" target="_blank" data-pin-custom="true"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-pinterest"></i></span></a><a href="http://b.hatena.ne.jp/entry/https%3A%2F%2Fphotoshopvip.net%2F162763" class="tipi-tip tipi-tip-move share-button share-button-hatena" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-hatena"></i><span class="social-count font-base font-1">8</span></span></a><a href="https://lineit.line.me/share/ui?url=https%3A%2F%2Fphotoshopvip.net%2F162763&text=2025年もすごい、世界が注目する最先端ウェブデザインまとめ" class="tipi-tip tipi-tip-move share-button share-button-lm" rel="noopener nofollow" aria-label="Share" data-title="Share"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-line"></i></span></a></div></div><!-- .meta-wrap --></div> <div class="single-content contents-wrap tipi-row content-bg clearfix article-layout-36"> <div class="tipi-cols clearfix sticky--wrap"> <main class="site-main tipi-xs-12 main-block-wrap block-wrap tipi-col clearfix tipi-l-8"> <article> <div class="breadcrumbs-wrap breadcrumbs-sz-"><div class="breadcrumbs"> <div class="crumb"> <a href="https://photoshopvip.net"> <span>Home</span> </a> </div> <i class="tipi-i-chevron-right"></i> <div class="crumb"> <a href="https://photoshopvip.net/category/web"> <span>ウェブ制作</span> </a> </div> <i class="tipi-i-chevron-right"></i> <div class="crumb"> <a href="https://photoshopvip.net/category/web/webdesign"> <span>ウェブデザイン</span> </a> </div> </div> </div> <div class="entry-content-wrap clearfix"> <div class="entry-content body-color clearfix link-color-wrap"> <div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-1 wp-block-group-is-layout-constrained"> <p>「うわ、このサイトすごい…!」</p> <p>デザイナーなら、そんな驚きを感じるウェブサイトに出会ったことがあるはず。</p> <p>今年も世界中で「見た瞬間に心を奪われる」ようなウェブデザインが次々と誕生しています。</p> <p>この記事では、2025年に入って公開されたサイトを中心に、デザインの参考になる優れた作品をまとめてご紹介します。</p> <p>次のデザインのヒントや、<a href="https://photoshopvip.net/162438">最新のトレンド</a>をキャッチしたいときなど、次のプロジェクトにいかがでしょう。</p> <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> <h2 class="wp-block-heading single-title" id="latest-web-design-2025-february">&#x1f30d; 世界が注目!2025年の最新ウェブデザインまとめ</h2> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp" alt="" class="wp-image-162778" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp" alt="" class="wp-image-162778" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/chill-oasis-toyama-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://dozo-gift.com/a/p/pages/chilloasistoyama/">チルオアシスとやま | 富山の魅力をギフトでお届け</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">富山県の魅力を詰め込んだ富山ギフトを紹介するページで、浮世絵のようなオリジナルのイラストに一目ぼれした作品。富山よいとこ、チルいとこ。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/botanist.webp" alt="" class="wp-image-162774" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/botanist.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/botanist.webp" alt="" class="wp-image-162774" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/botanist.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/botanist-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://botanistofficial.com/">BOTANIST [ボタニスト] </a></p> <p class="has-x-small-font-size">ユーザーを引き込むシャボン玉のように浮遊する幻想的なヒーローセクションが印象的だったホームページ。文字テキストや画像などにわずかな動きが加わることで、全体のエレガントな雰囲気を演出しています。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025.webp" alt="" class="wp-image-162804" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025.webp" alt="" class="wp-image-162804" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/spicato-kamizome-2025-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://spicato.com/kakizome2025/">書き初め2025|スピッカート|大阪のブランディングデザイン会社</a></p> <p class="has-x-small-font-size">クリックしながらオフィスの気になるものを探していくお正月特設サイト。色んなところをクリックしてみましたが、1枚見つからず。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/mawal.webp" alt="" class="wp-image-162792" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/mawal.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/mawal.webp" alt="" class="wp-image-162792" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/mawal.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/mawal-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://mawal.jp/">Mawal</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">素材をそのままリサイクルできる循環する素材「セルロースファイバー」をつかった、サステナブルなだけで落ち着いた色合いも素敵な日本発の食器ブランド。パステル、アース色で統一された配色も抜群。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate.webp" alt="" class="wp-image-162780" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate.webp" alt="" class="wp-image-162780" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Era-Estate-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://era.estate/">ERA Residential Complex &#8211; ERA</a></p> <p class="has-x-small-font-size">アールデコ文化を反映されたエレガントで高級感のある配色カラーパレットや、随所にきらりと光り輝くライティングエフェクトを文字に加えた、アパート販売用LPページ。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street.webp" alt="" class="wp-image-162769" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street.webp" alt="" class="wp-image-162769" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/111-West-57th-Street-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://111w57.com/">111 West 57th Street</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">ニューヨークのマンハッタンに新しくできた超高級アパートメントのLPページ。エレガントで洗練された配色カラーパレットに、美しい画像をふんだんに利用したレイアウトや心地よいアニメーションなどもお手本になりそう。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams.webp" alt="" class="wp-image-162790" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams.webp" alt="" class="wp-image-162790" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/luma-dreams-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://lumalabs.ai/dream-machine">Luma Dream Machine: New Freedoms of Imagination</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">まるで頭の中で考えている様子を視覚化したような、没入感たっぷりなスクロールアニメーションを活用して、さまざまなコンテンツをわかりやすく興味を持ちやすく。随所に実装されたマイクロインタラクションも素敵。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix.webp" alt="" class="wp-image-162800" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix.webp" alt="" class="wp-image-162800" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Qudrix-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.qudrix.com/">Qudrix</a></p> <p class="has-x-small-font-size">いつまでもスクロールしたくなる滑らかなアニメーションを上下左右と自由に移動させながら、コンテナ型のおしゃれなオフィススペースを設置できる商品向けLPページ。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web.webp" alt="" class="wp-image-162770" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web.webp" alt="" class="wp-image-162770" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/3D-Web-Lab-Adding-dimension-to-the-web-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://3dweblab.com/">3D Web Lab &#8211; Adding dimension to the web</a></p> <p class="has-x-small-font-size">遠くまで広がる奥行き感のあるSFっぽい背景も角度を変えながらコンテンツが遷移していく、まさに没入感の高いデザインのひとつ。ページの読み込みに時間がかかりすぎるのが難点。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt.webp" alt="" class="wp-image-162776" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt.webp" alt="" class="wp-image-162776" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/By-Matthew-The-Shirt-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://the-shirt.bymatthew.com/">By Matthew | The Shirt</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">シンプルな真っ白のシャツを販売しているLPページで、読み進めるとわかりやすい図解付きで商品の説明を見せるアニメーションが、視線をうまく誘導してくれます。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball.webp" alt="" class="wp-image-162802" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball.webp" alt="" class="wp-image-162802" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Sephora-Pinball-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://pinball.cosmicshelter.com/">Sephora Pinball</a></p> <p>ブラウザ上で楽しむことができるピンボールゲームは、持ち玉3発で得点を競うオンラインゲーム。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/frankys.webp" alt="" class="wp-image-162782" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/frankys.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/frankys.webp" alt="" class="wp-image-162782" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/frankys.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/frankys-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.frankys-hats.com/">FRANKY&#8217;S | Get a hat</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">カメラをオンにすると、自分の顔に合わせて帽子をかぶることができる次世代のARショッピングを可能にしたサイト。ブラウン管に映し出されたようなサイトの質感も◎。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote.webp" alt="" class="wp-image-162777" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote.webp" alt="" class="wp-image-162777" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Catch-the-Santa-by-tote-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://santa.tote.co.jp/">CATCH THAT SANTA</a></p> <p class="has-x-small-font-size">本当は2024年のベストWebサイトに掲載予定だった、世界観からアニメーションまでどれも素敵すぎるクリスマス特設サイト。スクロールに合わせた超高速移動だけでなく、背景の手描きイラストにホバーすると鈴が鳴り出す仕掛けも。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts.webp" alt="" class="wp-image-162799" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts.webp" alt="" class="wp-image-162799" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Proper-Prompts-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.properprompts.ai/">ColProper Promptslecting</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">fefefefefe</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Jeton.webp" alt="" class="wp-image-162788" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Jeton.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Jeton.webp" alt="" class="wp-image-162788" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Jeton.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Jeton-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.jeton.com/?enter">Jeton</a></p> <p class="has-x-small-font-size">アプリの目的を分かりやすい図解アニメーションで紹介したランディングページですが、球状の国旗が散らばったりと遊び心満点です。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi.webp" alt="" class="wp-image-162781" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi.webp" alt="" class="wp-image-162781" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/fondation-adahi-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://ahadi-foundation.org/">Fondation Ahadi</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">イラストをふんだんに利用しスクロールと合わせて表示することで、自在にフォーカルポイントを指定できるストーリーテリング手法による作品。カラフルな配色カラーパレットも個人的にメモ。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna.webp" alt="" class="wp-image-162783" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna.webp" alt="" class="wp-image-162783" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/gianlucagradogna-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://gianlucagradogna.com/">Gianluca Gradogna — Multidisciplinary Designer</a></p> <p class="has-x-small-font-size">デスクトップで開くと、まるで雑誌を見ているような美しいレイアウトが印象的だったポートフォリオサイト。 文字と画像を中心に、シンプルながら心地よいアニメーションエフェクトを採用しています。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS.webp" alt="" class="wp-image-162779" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS.webp" alt="" class="wp-image-162779" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/ELEMENTIS-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://elementis.co/">ELEMENTIS</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">ラグジュアリーとウェルビーイングをテーマにした高級感と安らぎのある配色カラーパレットが素敵で、思わず引きこまれてしまう動画を使ったヒーローセクションは注目です。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home.webp" alt="" class="wp-image-162806" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home.webp" alt="" class="wp-image-162806" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Travel-Next-Level-•-Home-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://travelnextlvl.de/en">Travel Next Level • Home</a></p> <p class="has-x-small-font-size">スクロールに合わせて真っ白のドアが開くと、そこには青空の広がる美しい空間が。旅行やトラベルブログの参考事例としても。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv.webp" alt="" class="wp-image-162794" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv.webp" alt="" class="wp-image-162794" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/mtvoyce-tv-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://matvoyce.tv/">Mat Voyce</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">スクロールに応じてコンテンツが表示されながら、カラフルでポップな文字アニメーションが目を引くポートフォリオサイト。とにかく楽しげでプレイフルなデザインが欲しいときの参考に。</p><div class="block-da-1 block-da block-da-post_middle_content da-style-1 clearfix"><div style="margin-top: 40px;margin-bottom: 80px;" id="vip-1241768899"><script data-jetpack-boost="ignore" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0328919403164433" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-0328919403164433" data-ad-slot="3297079463" data-ad-format="auto"></ins> <script data-jetpack-boost="ignore"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div></tipimidc> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce.webp" alt="" class="wp-image-162789" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce.webp" alt="" class="wp-image-162789" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Koffiracha-Hot-Sauce-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://koffiracha.com/">Koffiracha Hot Sauce</a></p> <p class="has-x-small-font-size">画面上部からコロコロと転がってくるヒーローページに目を奪われるひとも多そうなスパイシーソースの販売LPページ。超巨大なフォントと発色の良いネオンカラー、最近よく見かけるページ下にあるナビメニューなどに注目。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency.webp" alt="" class="wp-image-162798" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency.webp" alt="" class="wp-image-162798" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/polecat-agency-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.polecat.agency/">Mobile Apps Design and Development for Startups | Polecat Agency</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">ページ全体に表示されたアイソメトリックな3Dマップのラベルをクリックすると、各コンテンツに移動できるユニークなポートフォリオサイト。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio.webp" alt="" class="wp-image-162807" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio.webp" alt="" class="wp-image-162807" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Woans-Minecraft-Folio-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.woanminecraftfolio.com/">Woan&#8217;s Minecraft Folio</a></p> <p class="has-x-small-font-size">ゲームの世界にもぐりこんだようなマインクラフトの世界観をそのまま再現したポートフォリオサイト。隠しアイテムがあったような、。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars.webp" alt="" class="wp-image-162775" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars.webp" alt="" class="wp-image-162775" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/brightest-stars-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://brighteststars.org/en/explore/">Brightest Stars</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">複雑で希少な遺伝性疾患の画期的な研究を行うニューヨークの機関がリリースした特設ページ。ロケットの発射に始まり、宇宙探査を十字キーで宇宙探査を行いながら、希少な疾患について学ぶ体験型サイト。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-13 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_.webp" alt="" class="wp-image-162784" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_.webp" alt="" class="wp-image-162784" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Hexagen.World_-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.hexagen.world/hex/35/-127">Hexagon World</a></p> <p class="has-x-small-font-size">すべてのプレイヤーが人工知能AI を活用して自分だけの世界を生成できるオンラインゲーム。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap.webp" alt="" class="wp-image-162805" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap.webp" alt="" class="wp-image-162805" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Stripe-BFCM-recap-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://bfcm.stripe.com/">Stripe BFCM recap</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">2024年のブラックフライデーとサイバーマンデーで決済された金額や、とくによく売れた都市ランキングなどさまざまな集計を、バックトゥザフューチャーのような機械を操作しながら紹介するサイト。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-14 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground.webp" alt="" class="wp-image-162796" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground.webp" alt="" class="wp-image-162796" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Pelata-Pieces-2024-–-Turn-your-home-into-a-playground-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.pelatapieces.com/">Pelata Pieces 2024 – Turn your home into a playground</a></p> <p class="has-x-small-font-size">フィンランドで生まれたまるで「知恵の輪」のような木製ゲーム。スクロールすると回転しながら、ゲームの全容を確認できる、最近よく見かけるストーリーテリング手法による新しいショッピング体験。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/sofi.webp" alt="" class="wp-image-162803" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/sofi.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/sofi.webp" alt="" class="wp-image-162803" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/sofi.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/sofi-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.sofihealth.com/">Sofi &#8211; Sofi</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">ハーブなど植物由来のスプレーで睡眠の質を改善するというアイテム。スクロールに応じてプロダクト商品を回転させながら、背景色がじわりと変化していきます。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-15 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden.webp" alt="" class="wp-image-162786" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden.webp" alt="" class="wp-image-162786" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Immersive-Garden-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://immersive-g.com/">Immersive Garden</a></p> <p class="has-x-small-font-size">マウスが触れた部分がエンボス加工になる背景や、ぼかしブラーを活用した画像エフェクト、インクがにじむナビメニューなど、どれをとっても圧倒的な技術力が垣間見える作品。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design.webp" alt="" class="wp-image-162801" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design.webp" alt="" class="wp-image-162801" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Rickman-Architecture-Design-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://radga.com/">Rickman Architecture + Design</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">「水平方向にコンテンツを読み進めたい」そんなときにお手本になりそうなサイト。各プロジェクトページなど大量の画像を表示したいときにも対応できそう。ページ下に配置されたナビメニューも面白い。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-16 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer.webp" alt="" class="wp-image-162793" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer.webp" alt="" class="wp-image-162793" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Mees-Verberne-Creative-Developer-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://meesverberne.com/">Mees Verberne &#8211; Creative Developer</a></p> <p class="has-x-small-font-size">背景から画像のホバーエフェクトまでピクセルドットをコンセプトにしたポートフォリオサイト。巨大なタイポグラフィーやコントラストのはっきりとしたおしゃれな配色なども参考になりそう。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences.webp" alt="" class="wp-image-162785" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences.webp" alt="" class="wp-image-162785" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/Home-25-Residences-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://25residences.com/">25 Residences</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">穴の中を覗き込むような動きによって、そのあとに続く見出しタイトルに自然と視線が誘導されるスマートなアニメーションに感動。サンセリフとセリフ書体の高級感のある組み合わせも人気です。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-17 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht.webp" alt="" class="wp-image-162787" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht.webp" alt="" class="wp-image-162787" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/inside-kristallnacht-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://insidekristallnacht.org/">Inside Kristallnacht</a></p> <p class="has-x-small-font-size">第二次世界大戦中にドイツで行われたユダヤ人の迫害という戦争の悲しい現実を、オンラインのバーチャルリアリティーで体験するサイト。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/penco.webp" alt="" class="wp-image-162797" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/penco.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/penco.webp" alt="" class="wp-image-162797" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/penco.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/penco-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://penco.jp/">penco</a></p> <p>商品ラベルのように貼られた日付や、手書き</p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">商品ラベルのように貼られた日付や、手書きでペンで線を引いたり、テープを貼り付けたりとシンプルだけど何度も訪れたくなるギミックが満載。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/ANALOGUE-–-Seriously-Playful&#x2122;.webp" alt="" class="wp-image-162772"/><noscript><img decoding="async" src="https://photoshopvip.net/wp-content/uploads/2025/02/ANALOGUE-–-Seriously-Playful&#x2122;.webp" alt="" class="wp-image-162772"/></noscript></figure> <p><a href="https://madebyanalogue.co.uk/">ANALOGUE – Seriously Playful&#x2122;</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">ページのはじめにある「Playful」をクリックすると、いきなり30秒のシューティングゲームが始まります。全パーツ押したくなる<a href="https://madebyanalogue.co.uk/connect/">お問い合わせページ</a>など、クリエイティブなアイデアが欲しいときにも。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-18 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel.webp" alt="" class="wp-image-162791" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel.webp" alt="" class="wp-image-162791" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/manpei-hotel-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.mampei.co.jp/">万平ホテル|軽井沢のクラシックホテル【公式】</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">高級感のあるセリフ書体を利用し、サイト全体にスクロールアニメーションをふんだんに実装したホテルの公式サイト。統一感のある配色がホテルの雰囲気にもマッチしています。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira.webp" alt="" class="wp-image-162795" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira.webp" alt="" class="wp-image-162795" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/niji-kujira-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.chibune-hsp.jp/nijikujira/">そらとぶ虹くじら | 千船病院【大阪市西淀川区】</a></p> <p class="has-x-small-font-size">「大きなクジラのように、多様性(=虹)ある人々を受け入れる存在になりたい。」そんなメッセージを伝える、大阪にあるクジラのような形をした病院のメディアサイト。</p> </div> </div> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-19 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS.webp" alt="" class="wp-image-162808" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS.webp" alt="" class="wp-image-162808" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/ログハウスのBESS-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://www.bess.jp/">ログハウスのBESS</a></p> <p class="has-x-small-font-size">シンプルで読み進めやすいレイアウトに、版画文字を見出しに利用したり、ナビメニューがホバーで変化したり。独自の愉快な世界観がホームページからも十分に伝わります。</p> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="605" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX.webp" alt="" class="wp-image-162773" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-821x497.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="605" src="https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX.webp" alt="" class="wp-image-162773" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX.webp 1000w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-360x218.webp 360w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-883x534.webp 883w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-344x208.webp 344w, https://photoshopvip.net/wp-content/uploads/2025/02/ARCTERYX-821x497.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> <p><a href="https://shinjuku.arcteryx.jp/">ARC’TERYX SHINJUKU | アークテリクス 新宿ブランドストア</a></p> <p style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);">迫力のあるヒーローイメージを背景に、店舗の様子やサービスをシンプルなレイアウトとふんだんな画像とアニメーションで魅せるページ。水平カルーセルやパララックスなど目を引くポイント多数。</p> </div> </div> </div> <h2 class="wp-block-heading single-title" id="where-web-design-headed-to">2025年のウェブデザイントレンドはどこへ向かう?</h2> <p>ウェブデザインは、「見た目の美しさ」だけではなく、「使いやすさ」や「ストーリー性」も重要な要素になってきています。</p> <p><a href="https://photoshopvip.net/162438">今年のトレンド</a>も参考にしながら、次の「すごい!」を生み出してみましょう。</p> <figure class="wp-block-embed is-type-wp-embed is-provider-photoshopvip wp-block-embed-photoshopvip"><div class="wp-block-embed__wrapper"> <blockquote class="wp-embedded-content" data-secret="jDtNifLfKF"><a href="https://photoshopvip.net/162273">【総まとめ】2024年世界で話題になったWebデザイン・ベスト60選</a></blockquote><iframe class="zeen-lazy-load-base zeen-lazy-load wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; visibility: hidden;" title="&#8220;【総まとめ】2024年世界で話題になったWebデザイン・ベスト60選&#8221; &#8212; PhotoshopVIP" src="about:blank" data-lazy-src="https://photoshopvip.net/162273/embed#?secret=IMFolI8770#?secret=jDtNifLfKF" data-secret="jDtNifLfKF" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe><noscript><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; visibility: hidden;" title="&#8220;【総まとめ】2024年世界で話題になったWebデザイン・ベスト60選&#8221; &#8212; PhotoshopVIP" src="https://photoshopvip.net/162273/embed#?secret=IMFolI8770#?secret=jDtNifLfKF" data-secret="jDtNifLfKF" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></noscript> </div></figure> <div class="wp-block-columns alignwide has-background is-layout-flex wp-container-core-columns-is-layout-20 wp-block-columns-is-layout-flex" style="background-color:#f9f9f9"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"> <figure class="wp-block-image is-resized"><img decoding="async" loading="lazy" src="https://cc-prod.scene7.com/is/image/CCProdAuthor/cce-asset-link.icon.stock.64x64-1?$png$&amp;jpegSize=100&amp;wid=96" alt="Adobe Stock" style="width:64px" width="64"/><noscript><img decoding="async" src="https://cc-prod.scene7.com/is/image/CCProdAuthor/cce-asset-link.icon.stock.64x64-1?$png$&amp;jpegSize=100&amp;wid=96" alt="Adobe Stock" style="width:64px" width="64"/></noscript></figure> <h3 class="wp-block-heading" id="h-アドビだからストック素材サービスも-ここまでクリエイティブ">アドビだからストック素材サービスも ここまでクリエイティブ。</h3> <p class="has-small-font-size">Adobe Stockは、アドビがクリエイターのためにつくったストックサービスです。写真やイラストなど高品質な素材が約3億点。無料素材も100万点。<br>検索、プレビュー、ライセンスの取得をPhotoshopから直接できるので効率の良さが抜群。<br>たくさんのAdobe Creative Cloudユーザーに選ばれているのには理由があります。</p> <p class="has-small-font-size"><strong>最初のひと月は素材が10点まで無料</strong>なので、気軽に始めてみませんか。</p> <p class="has-small-font-size"><a href="https://photoshopvip.net/146263" target="_blank" rel="noreferrer noopener">Adobe Stockをもっと詳しく</a>​</p> <p class="has-small-font-size"><a href="https://prf.hn/l/eYjkawd">Adobe Stockを無料で始める</a>​</p> </div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="667" loading="lazy" src="https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1.webp" alt="" class="wp-image-145854" title="アドビにしか提供できないストックサービス" srcset="https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1.webp 1000w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-360x240.webp 360w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-883x589.webp 883w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-344x229.webp 344w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-821x548.webp 821w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><noscript><img loading="lazy" decoding="async" width="1000" height="667" src="https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1.webp" alt="" class="wp-image-145854" title="アドビにしか提供できないストックサービス" srcset="https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1.webp 1000w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-360x240.webp 360w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-883x589.webp 883w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-344x229.webp 344w, https://photoshopvip.net/wp-content/uploads/2023/04/adobestock-photo-japanese-1-821x548.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></figure> </div> </div> </div><!-- .entry-content --> </div><!-- .entry-content --> <footer class="entry-footer"> <div class="block-da-1 block-da block-da-post_end clearfix"><script data-jetpack-boost="ignore" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0328919403164433" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-0328919403164433" data-ad-slot="9124121215" data-ad-format="auto"></ins> <script data-jetpack-boost="ignore"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div><div class="post-end-subscribe content-subscribe-block content-subscribe-style site-skin-3 site-img-1 subscribe-button-1"><div class="bg-area"> <div class="content-subscribe-inner"> <div class="subscribe-titles"> <div class="subtitle">ブログでは紹介しきれない、ここだけのニュースやお得なクーポンなども配信中。</div> </div> <div class="subscribe-form"> <script data-jetpack-boost="ignore">(function() { window.mc4wp = window.mc4wp || { listeners: [], forms: { on: function(evt, cb) { window.mc4wp.listeners.push( { event : evt, callback: cb } ); } } } })(); </script><!-- Mailchimp for WordPress v4.10.2 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-136912 mc4wp-form-basic" method="post" data-id="136912" data-name="メルマガ登録フォーム" ><div class="mc4wp-form-fields"><p> <label> <input type="email" name="EMAIL" placeholder="Emailアドレス" required /> </label> </p> <p> <input type="submit" value="メルマガ登録する" /> </p></div><label style="display: none !important;">ボットではない場合はこの欄を空のままにしてください: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1744169095" /><input type="hidden" name="_mc4wp_form_id" value="136912" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin --> </div> </div> <div class="background mask"><img width="1920" height="1264" src="https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5.webp" class="attachment-full size-full zeen-lazy-load-base zeen-lazy-load " alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5.webp 1920w, https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5-360x237.webp 360w, https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5-909x598.webp 909w, https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5-1536x1011.webp 1536w, https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5-344x226.webp 344w, https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5-821x540.webp 821w, https://photoshopvip.net/wp-content/uploads/2022/08/design-basic-hero-bg5-1451x955.webp 1451w" sizes="(max-width: 1920px) 100vw, 1920px" loading="lazy" /></div></div></div><div class="share-it share-it-2 share-it-bold share-it-count-1 share-it-after tipi-flex"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fphotoshopvip.net%2F162763" class=" share-button share-button-fb" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-facebook"></i><span class="social-tip font-base font-1">Share</span></span></a><a href="https://twitter.com/intent/tweet?via=photoshopvip&#038;text=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81%20-%20https%3A%2F%2Fphotoshopvip.net%2F162763" class=" share-button share-button-X" rel="noopener nofollow" aria-label="Post" data-title="Post" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-x"></i><span class="social-tip font-base font-1">Post</span></span></a><a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fphotoshopvip.net%2F162763&media=https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2025%2F02%2Fchill-oasis-toyama-821x497.webp&description=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81" class=" share-button share-button-pin" rel="noopener nofollow" aria-label="Pin" data-title="Pin" target="_blank" data-pin-custom="true"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-pinterest"></i><span class="social-tip font-base font-1">Pin</span></span></a><a href="http://b.hatena.ne.jp/entry/https%3A%2F%2Fphotoshopvip.net%2F162763" class=" share-button share-button-hatena" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-hatena"></i><span class="social-tip font-base font-1">Share</span><span class="social-count font-base font-1">8</span></span></a><a href="https://lineit.line.me/share/ui?url=https%3A%2F%2Fphotoshopvip.net%2F162763&text=2025年もすごい、世界が注目する最先端ウェブデザインまとめ" class=" share-button share-button-lm" rel="noopener nofollow" aria-label="Share" data-title="Share"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-line"></i><span class="social-tip font-base font-1">Share</span></span></a></div> <div class="next-prev-posts clearfix next-prev__design-1"> <div class="prev-block prev-next-block clearfix"> <div class="mask"> <a href="https://photoshopvip.net/162708"> <i class="tipi-i-long-left"></i> <img width="100" height="100" src="https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-100x100.webp" class="attachment-thumbnail size-thumbnail zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-100x100.webp 100w, https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-293x293.webp 293w, https://photoshopvip.net/wp-content/uploads/2025/01/20-free-sans-serif-441x441.webp 441w" sizes="(max-width: 100px) 100vw, 100px" loading="lazy" /> </a> </div> <div class="meta"> <a href="https://photoshopvip.net/162708" class="previous-title title"> <span>Previous</span> マンネリ脱出!プロが選ぶ無料サンセリフフォント20選【DLリンク付き】 </a> </div> </div> <div class="next-block prev-next-block clearfix"> <div class="mask"> <i class="tipi-i-long-right"></i> <a href="https://photoshopvip.net/162823"> <img width="100" height="100" src="https://photoshopvip.net/wp-content/uploads/2025/02/Morgan-sans-font_Salamahtype_280125_prev01-100x100.webp" class="attachment-thumbnail size-thumbnail zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/02/Morgan-sans-font_Salamahtype_280125_prev01-100x100.webp 100w, https://photoshopvip.net/wp-content/uploads/2025/02/Morgan-sans-font_Salamahtype_280125_prev01-293x293.webp 293w, https://photoshopvip.net/wp-content/uploads/2025/02/Morgan-sans-font_Salamahtype_280125_prev01-441x441.webp 441w" sizes="(max-width: 100px) 100vw, 100px" loading="lazy" /> </a> </div> <div class="meta"> <a href="https://photoshopvip.net/162823" class="next-title title"> <span>Next</span> 「え、これ無料!?」デザイナー必見の2025年最新フリーフォントカタログ </a> </div> </div> </div> </footer><!-- .entry-footer --> </article><!-- #post-x --> </main><!-- .site-main --> </div><!-- .tipi-cols --> <div class="post__after__block entry-footer"><div class="related-posts-wrap clearfix"><div id="block-wrap-52923" class="block-wrap-native block-wrap block-wrap-29 block-css-52923 block-wrap-classic columns__m--1 elements-design-1 block-skin-0 filter-wrap-2 tipi-box rounded-corners ppl-m-4 ppl-s-2 clearfix" data-id="52923" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block-title-wrap module-block-title clearfix block-title-wrap-style block-title-1 with-load-more"><div class="block-title-area clearfix"><div class="block-title font-1">Related</div></div><div class="filters tipi-flex font-2"><div class="load-more-wrap load-more-size-2 load-more-wrap-2"> <a href="#" data-id="52923" class="tipi-arrow tipi-arrow-s tipi-arrow-l block-loader block-more block-more-1 no-more" data-dir="1"><i class="tipi-i-angle-left" aria-hidden="true"></i></a> <a href="#" data-id="52923" class="tipi-arrow tipi-arrow-s tipi-arrow-r block-loader block-more block-more-2" data-dir="2"><i class="tipi-i-angle-right" aria-hidden="true"></i></a> </div></div></div><div class="block block-29 tipi-flex"><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-0 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-161663 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-uidesign tag-940 tag-color-palette" style="--animation-order:0"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/161663" class="mask-img" title="practical-color-tips-cover"><img width="1255" height="785" src="https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover.webp 1255w, https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover-360x225.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover-883x552.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover-821x514.webp 821w, https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover-1206x754.webp 1206w, https://photoshopvip.net/wp-content/uploads/2024/11/practical-color-tips-cover-344x215.webp 344w" sizes="(max-width: 1255px) 100vw, 1255px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/161663">色は1つで十分!プロが教える、UIデザインを引き立てる色彩テクニック</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-1 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-155266 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-webdesign tag-1195 tag-portfolio tag-769" style="--animation-order:1"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/155266" class="mask-img" title="インディゴ白書--45R"><img width="800" height="514" src="https://photoshopvip.net/wp-content/uploads/2024/01/インディゴ白書-45R.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/01/インディゴ白書-45R.webp 800w, https://photoshopvip.net/wp-content/uploads/2024/01/インディゴ白書-45R-360x231.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/01/インディゴ白書-45R-344x221.webp 344w" sizes="(max-width: 800px) 100vw, 800px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/155266">Webサイトのアイデア出し放題、おすすめ最新デザイン34選</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-2 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-160744 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-uidesign tag-ux-design tag-color-palette" style="--animation-order:2"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/160744" class="mask-img" title="tone-segurado"><img width="1232" height="708" src="https://photoshopvip.net/wp-content/uploads/2024/09/tone-segurado.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/09/tone-segurado.webp 1232w, https://photoshopvip.net/wp-content/uploads/2024/09/tone-segurado-360x207.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/09/tone-segurado-883x507.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/09/tone-segurado-344x198.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/09/tone-segurado-821x472.webp 821w" sizes="(max-width: 1232px) 100vw, 1232px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/160744">UIデザインにアクセントを加える37の簡単なテクニック【完全版】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-3 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-150526 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-figma tag-icon tag-illustration tag-website tag-906 tag-color-palette" style="--animation-order:3"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/150526" class="mask-img" title="cosmic-media"><img width="1000" height="740" src="https://photoshopvip.net/wp-content/uploads/2023/08/cosmic-media.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2023/08/cosmic-media.webp 1000w, https://photoshopvip.net/wp-content/uploads/2023/08/cosmic-media-360x266.webp 360w, https://photoshopvip.net/wp-content/uploads/2023/08/cosmic-media-883x653.webp 883w, https://photoshopvip.net/wp-content/uploads/2023/08/cosmic-media-344x255.webp 344w, https://photoshopvip.net/wp-content/uploads/2023/08/cosmic-media-821x608.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/150526">知らないと損する最新Web&デザインツール、素材55選</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-4 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-118535 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-figma tag-906 tag-shortcut tag-technique tag-prototype" style="--animation-order:4"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/118535" class="mask-img" title="best-of-figma-shortcut-1"><img width="800" height="600" src="https://photoshopvip.net/wp-content/uploads/2019/10/best-of-figma-shortcut-1-1.jpg" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2019/10/best-of-figma-shortcut-1-1.jpg 800w, https://photoshopvip.net/wp-content/uploads/2019/10/best-of-figma-shortcut-1-1-360x270.jpg 360w, https://photoshopvip.net/wp-content/uploads/2019/10/best-of-figma-shortcut-1-1-344x258.jpg 344w" sizes="(max-width: 800px) 100vw, 800px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/118535">本当によく使うFigmaの便利ショートカット厳選36個まとめ</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-5 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-160552 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-uidesign tag-ux-design tag-color-palette" style="--animation-order:5"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/160552" class="mask-img" title="brand-colors"><img width="2400" height="1350" src="https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors.webp 2400w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-360x203.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-883x497.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-1536x864.webp 1536w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-2048x1152.webp 2048w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-344x194.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-821x462.webp 821w, https://photoshopvip.net/wp-content/uploads/2024/09/brand-colors-1451x816.webp 1451w" sizes="(max-width: 2400px) 100vw, 2400px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/160552">ユーザーに刺さるUIデザイン実用テクニック37選</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-6 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-161621 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-webdesign" style="--animation-order:6"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/161621" class="mask-img" title="House-of-Dreamers---ÊTES-VOUS-PRÊTS-À-RÊVER"><img width="1000" height="597" src="https://photoshopvip.net/wp-content/uploads/2024/11/House-of-Dreamers-ETES-VOUS-PRETS-A-REVER.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/11/House-of-Dreamers-ETES-VOUS-PRETS-A-REVER.webp 1000w, https://photoshopvip.net/wp-content/uploads/2024/11/House-of-Dreamers-ETES-VOUS-PRETS-A-REVER-360x215.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/11/House-of-Dreamers-ETES-VOUS-PRETS-A-REVER-883x527.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/11/House-of-Dreamers-ETES-VOUS-PRETS-A-REVER-344x205.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/11/House-of-Dreamers-ETES-VOUS-PRETS-A-REVER-821x490.webp 821w" sizes="(max-width: 1000px) 100vw, 1000px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/161621">一歩先行くデザインのヒント!最新技術が光るWebサイト30選</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-7 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-134846 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-1147 tag-webdesign tag-legend" style="--animation-order:7"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/134846" class="mask-img" title="maneru-design-labo"><img width="1300" height="908" src="https://photoshopvip.net/wp-content/uploads/2024/04/maneru-design-labo.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/04/maneru-design-labo.webp 1300w, https://photoshopvip.net/wp-content/uploads/2024/04/maneru-design-labo-360x251.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/04/maneru-design-labo-883x617.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/04/maneru-design-labo-344x240.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/04/maneru-design-labo-821x573.webp 821w" sizes="(max-width: 1300px) 100vw, 1300px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/134846">本当は教えたくないWebデザイン参考ギャラリーサイト37選</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border loop-8 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-163047 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-adobe-fonts tag-vintage tag-837 tag-retro tag-hand-written tag-japan-font" style="--animation-order:8"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/163047" class="mask-img" title="thumb-augustine"><img width="1240" height="930" src="https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine.avif" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine.avif 1240w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-360x270.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-883x662.avif 883w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-344x258.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-821x616.avif 821w" sizes="(max-width: 1240px) 100vw, 1240px" loading="lazy" /><img width="800" height="400" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20400'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3.avif" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3.avif 800w, https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3-360x180.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3-636x318.avif 636w, https://photoshopvip.net/wp-content/uploads/2025/02/haykuchidori-sample-3-344x172.avif 344w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt=""></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163047">最短1分でWebサイト完成!無料HTMLテンプレート16選【商用利用OK】</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base with-second-img tipi-s-typo stack-1 stack-design-1 separation-border loop-9 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-149235 post type-post status-publish format-gallery has-post-thumbnail hentry category-webdesign tag-webdesign tag-trend tag-portfolio tag-comapany-website post_format-post-format-gallery" style="--animation-order:9"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/149235" class="mask-img" title="chill-out-susume"><img width="1000" height="625" src="https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="チルするすゝめ" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume.webp 1000w, https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume-360x225.webp 360w, https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume-883x552.webp 883w, https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume-821x513.webp 821w, https://photoshopvip.net/wp-content/uploads/2023/08/chill-out-susume-344x215.webp 344w" sizes="(max-width: 1000px) 100vw, 1000px" loading="lazy" /><img width="1000" height="552" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20552'%3E%3C/svg%3E" data-lazy-src="https://photoshopvip.net/wp-content/uploads/2023/08/tote-design.webp" data-lazy-srcset="https://photoshopvip.net/wp-content/uploads/2023/08/tote-design.webp 1000w, https://photoshopvip.net/wp-content/uploads/2023/08/tote-design-360x199.webp 360w, https://photoshopvip.net/wp-content/uploads/2023/08/tote-design-883x487.webp 883w, https://photoshopvip.net/wp-content/uploads/2023/08/tote-design-344x190.webp 344w, https://photoshopvip.net/wp-content/uploads/2023/08/tote-design-821x453.webp 821w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" class="secondary-img attachment-zeen-585-585 size-zeen-585-585 wp-post-image zeen-lazy-load-base zeen-lazy-load" alt="teto.design"></a><a href="https://photoshopvip.net/149235" class="media-icon icon-base-3 icon-size-s"><i class="tipi-i-camera" aria-hidden="true"></i><span class="icon-bg"></span><span class="image__count font-1">41</span></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/149235">アイデアの宝庫、すごい最新Webデザイン40個まとめ</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-10 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-161601 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-codepen tag-html-snippet" style="--animation-order:10"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/161601" class="mask-img" title="latest text effect 2024"><img width="1353" height="718" src="https://photoshopvip.net/wp-content/uploads/2024/11/latest-text-effect-2024.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/11/latest-text-effect-2024.webp 1353w, https://photoshopvip.net/wp-content/uploads/2024/11/latest-text-effect-2024-360x191.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/11/latest-text-effect-2024-883x469.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/11/latest-text-effect-2024-344x183.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/11/latest-text-effect-2024-821x436.webp 821w" sizes="(max-width: 1353px) 100vw, 1353px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/161601">コピぺするだけ!すぐに使える魅力的なWebテキストエフェクト40選</a></h3></div></div></div></article><article class="tipi-xs-12 elements-location-1 clearfix with-fi ani-base tipi-s-typo stack-1 stack-design-1 separation-border loop-11 preview-classic preview__img-shape-s preview-29 img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 elements-design-1 post-154416 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign" style="--animation-order:11"><div class="preview-mini-wrap clearfix"><div class="mask"><a href="https://photoshopvip.net/154416" class="mask-img" title="endless-summer"><img width="880" height="548" src="https://photoshopvip.net/wp-content/uploads/2023/10/endless-summer.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2023/10/endless-summer.webp 880w, https://photoshopvip.net/wp-content/uploads/2023/10/endless-summer-360x224.webp 360w, https://photoshopvip.net/wp-content/uploads/2023/10/endless-summer-421x263.webp 421w, https://photoshopvip.net/wp-content/uploads/2023/10/endless-summer-344x214.webp 344w, https://photoshopvip.net/wp-content/uploads/2023/10/endless-summer-821x511.webp 821w" sizes="(max-width: 880px) 100vw, 880px" loading="lazy" /></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/154416">【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選</a></h3></div></div></div></article></div></div></div></div></div><div class="shohei-latest-posts related-posts-wrap clearfix"><div id="block-wrap-93921" class="block-wrap-native block-wrap block-wrap-83 block-css-93921 block-wrap-grid block-wrap-tiles columns__m--1 elements-design-1 block-skin-0 filter-wrap-2 tipi-box rounded-corners tile-design-wrap block-icon-base-3 img__shape-2 clearfix" data-id="93921" data-base="0"><div class="tipi-row-inner-style clearfix"><div class="tipi-row-inner-box contents sticky--wrap"><div class="block-title-wrap module-block-title clearfix block-title-wrap-style block-title-1 with-load-more"><div class="block-title-area clearfix"><div class="block-title font-1">Latest</div></div><div class="filters tipi-flex font-2"><div class="load-more-wrap load-more-size-2 load-more-wrap-2"> <a href="#" data-id="93921" class="tipi-arrow tipi-arrow-s tipi-arrow-l block-loader block-more block-more-1 no-more" data-dir="1"><i class="tipi-i-angle-left" aria-hidden="true"></i></a> <a href="#" data-id="93921" class="tipi-arrow tipi-arrow-s tipi-arrow-r block-loader block-more block-more-2" data-dir="2"><i class="tipi-i-angle-right" aria-hidden="true"></i></a> </div></div></div><div class="block block-83 tipi-flex "><article class="tipi-m-3 tipi-xs-6 elements-location-1 clearfix with-fi ani-base shape-s tipi-s-typo loop-0 block__ani-stagger preview-83 preview-grid grid-image-2 grid-spacing img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 tile-design tile-design-2 elements-design-1 post-163362 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-codepen tag-html-snippet"><div class="mask"><a href="https://photoshopvip.net/163362" class="mask-img" title="latesthtml2025march-cover"><img width="1796" height="985" src="https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover.avif" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover.avif 1796w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-360x197.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-883x484.avif 883w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-1536x842.avif 1536w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-344x189.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-821x450.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/03/latesthtml2025march-cover-1451x796.avif 1451w" sizes="(max-width: 1796px) 100vw, 1796px" loading="lazy" /></a><a href="https://photoshopvip.net/163362" class="mask-overlay" aria-label="つい触りたくなる!UIアニメーション&インタラクション40選【2025年版】"></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163362">つい触りたくなる!UIアニメーション&インタラクション40選【2025年版】</a></h3></div></div></article><article class="tipi-m-3 tipi-xs-6 elements-location-1 clearfix with-fi ani-base shape-s tipi-s-typo loop-1 block__ani-stagger preview-83 preview-grid grid-image-2 grid-spacing img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 tile-design tile-design-2 elements-design-1 post-163047 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-adobe-fonts tag-vintage tag-837 tag-retro tag-hand-written tag-japan-font"><div class="mask"><a href="https://photoshopvip.net/163047" class="mask-img" title="thumb-augustine"><img width="1240" height="930" src="https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine.avif" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine.avif 1240w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-360x270.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-883x662.avif 883w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-344x258.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/03/thumb-augustine-821x616.avif 821w" sizes="(max-width: 1240px) 100vw, 1240px" loading="lazy" /></a><a href="https://photoshopvip.net/163047" class="mask-overlay" aria-label="最短1分でWebサイト完成!無料HTMLテンプレート16選【商用利用OK】"></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/163047">最短1分でWebサイト完成!無料HTMLテンプレート16選【商用利用OK】</a></h3></div></div></article><article class="tipi-m-3 tipi-xs-6 elements-location-1 clearfix with-fi ani-base shape-s tipi-s-typo loop-2 block__ani-stagger preview-83 preview-grid grid-image-2 grid-spacing img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 tile-design tile-design-2 elements-design-1 post-162553 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-codepen tag-html-snippet"><div class="mask"><a href="https://photoshopvip.net/162553" class="mask-img" title="best-of-codepen-2024-cover"><img width="1625" height="1023" src="https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover.avif" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover.avif 1625w, https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover-360x227.avif 360w, https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover-883x556.avif 883w, https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover-1536x967.avif 1536w, https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover-344x217.avif 344w, https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover-821x517.avif 821w, https://photoshopvip.net/wp-content/uploads/2025/01/best-of-codepen-2024-cover-1451x913.avif 1451w" sizes="(max-width: 1625px) 100vw, 1625px" loading="lazy" /></a><a href="https://photoshopvip.net/162553" class="mask-overlay" aria-label="これどうやるの?2024年Codepenベスト100発表 コピペできるHTMLスニペットまとめ"></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162553">これどうやるの?2024年Codepenベスト100発表 コピペできるHTMLスニペットまとめ</a></h3></div></div></article><article class="tipi-m-3 tipi-xs-6 elements-location-1 clearfix with-fi ani-base shape-s tipi-s-typo loop-3 block__ani-stagger preview-83 preview-grid grid-image-2 grid-spacing img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 tile-design tile-design-2 elements-design-1 post-162273 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-webdesign tag-portfolio tag-769 tag-comapany-website"><div class="mask"><a href="https://photoshopvip.net/162273" class="mask-img" title="noomo-agencty"><img width="880" height="557" src="https://photoshopvip.net/wp-content/uploads/2024/06/noomo-agencty.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/06/noomo-agencty.webp 880w, https://photoshopvip.net/wp-content/uploads/2024/06/noomo-agencty-360x228.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/06/noomo-agencty-344x218.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/06/noomo-agencty-821x520.webp 821w" sizes="(max-width: 880px) 100vw, 880px" loading="lazy" /></a><a href="https://photoshopvip.net/162273" class="mask-overlay" aria-label="【総まとめ】2024年世界で話題になったWebデザイン・ベスト60選"></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/162273">【総まとめ】2024年世界で話題になったWebデザイン・ベスト60選</a></h3></div></div></article><article class="tipi-m-3 tipi-xs-6 elements-location-1 clearfix with-fi ani-base shape-s tipi-s-typo loop-4 block__ani-stagger preview-83 preview-grid grid-image-2 grid-spacing img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 tile-design tile-design-2 elements-design-1 post-161798 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-adobe-firefly tag-adobe-stock"><div class="mask"><a href="https://photoshopvip.net/161798" class="mask-img" title="adobe-stock-ai"><img width="1300" height="769" src="https://photoshopvip.net/wp-content/uploads/2024/11/adobe-stock-ai.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/11/adobe-stock-ai.webp 1300w, https://photoshopvip.net/wp-content/uploads/2024/11/adobe-stock-ai-360x213.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/11/adobe-stock-ai-883x522.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/11/adobe-stock-ai-344x203.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/11/adobe-stock-ai-821x486.webp 821w" sizes="(max-width: 1300px) 100vw, 1300px" loading="lazy" /></a><a href="https://photoshopvip.net/161798" class="mask-overlay" aria-label="理想通りの画像がワンクリックで完成!Adobe Stockの最新AI機能がすごい"></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/161798">理想通りの画像がワンクリックで完成!Adobe Stockの最新AI機能がすごい</a></h3></div></div></article><article class="tipi-m-3 tipi-xs-6 elements-location-1 clearfix with-fi ani-base shape-s tipi-s-typo loop-5 block__ani-stagger preview-83 preview-grid grid-image-2 grid-spacing img-ani-base img-ani-2 img-color-hover-base img-color-hover-1 tile-design tile-design-2 elements-design-1 post-161710 post type-post status-publish format-standard has-post-thumbnail hentry category-webdesign tag-figma tag-uidesign tag-940 tag-color-palette"><div class="mask"><a href="https://photoshopvip.net/161710" class="mask-img" title="1"><img width="1600" height="960" src="https://photoshopvip.net/wp-content/uploads/2024/11/1-1.webp" class="attachment-zeen-293-293 size-zeen-293-293 zeen-lazy-load-base zeen-lazy-load wp-post-image" alt="" decoding="async" srcset="https://photoshopvip.net/wp-content/uploads/2024/11/1-1.webp 1600w, https://photoshopvip.net/wp-content/uploads/2024/11/1-1-360x216.webp 360w, https://photoshopvip.net/wp-content/uploads/2024/11/1-1-883x530.webp 883w, https://photoshopvip.net/wp-content/uploads/2024/11/1-1-1536x922.webp 1536w, https://photoshopvip.net/wp-content/uploads/2024/11/1-1-344x206.webp 344w, https://photoshopvip.net/wp-content/uploads/2024/11/1-1-821x493.webp 821w, https://photoshopvip.net/wp-content/uploads/2024/11/1-1-1451x871.webp 1451w" sizes="(max-width: 1600px) 100vw, 1600px" loading="lazy" /></a><a href="https://photoshopvip.net/161710" class="mask-overlay" aria-label="配色カラーパレットの基本とFigmaでの使い方徹底ガイド"></a></div><div class="meta"><div class="title-wrap"><h3 class="title"><a href="https://photoshopvip.net/161710">配色カラーパレットの基本とFigmaでの使い方徹底ガイド</a></h3></div></div></article></div></div></div></div></div></div> </div><!-- .tipi-row --> </div><!-- .post-wrap --> </div><!-- .content-area --> </div><!-- .site-content --> <footer id="colophon" class="site-footer site-footer-6 site-img-1 widget-area-borders-1 footer-fs widget-title-default footer__mob__cols-1 clearfix"> <div class="bg-area"> <div class="bg-area-inner"> <div class="footer-widget-area footer-widget-bg-area footer-widgets tipi-xs-12 clearfix footer-widget-area-1 footer-widgets-skin-2 site-img-1"> <div class="footer-widget-bg-area-inner tipi-flex tipi-row"> <div class="tipi-xs-12 footer-widget-wrap footer-widget-wrap-1 clearfix"> <aside class="sidebar widget-area"> <div id="nav_menu-3" class="footer-widget zeen-widget clearfix widget_nav_menu"><div class="menu-15zine-%e3%83%88%e3%83%83%e3%83%97%e3%82%b5%e3%83%96%e3%83%bb%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-15zine-%e3%83%88%e3%83%83%e3%83%97%e3%82%b5%e3%83%96%e3%83%bb%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-1" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96780"><a href="https://photoshopvip.net/category/freebies">フリー素材</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96786"><a href="https://photoshopvip.net/category/freebies/font">フリーフォント</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96785"><a href="https://photoshopvip.net/category/freebies/texture">テクスチャ</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96788"><a href="https://photoshopvip.net/category/freebies/brush">ブラシ</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96787"><a href="https://photoshopvip.net/category/freebies/free-pic">フリー写真</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96782"><a href="https://photoshopvip.net/category/freebies/ps-action">PSアクション</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96781"><a href="https://photoshopvip.net/category/freebies/psd">PSDファイル</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96783"><a href="https://photoshopvip.net/category/freebies/ps-plugin">PS拡張機能</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96789"><a href="https://photoshopvip.net/category/freebies/vector">ベクター</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96784"><a href="https://photoshopvip.net/category/freebies/icon">アイコン</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96790"><a href="https://photoshopvip.net/category/web">ウェブ制作</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96794"><a href="https://photoshopvip.net/category/web/trend">ウェブ考察</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent dropper standard-drop menu-item-96793"><a href="https://photoshopvip.net/category/web/webdesign">ウェブデザイン</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96791"><a href="https://photoshopvip.net/category/web/html-template">HTMLテンプレート</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96792"><a href="https://photoshopvip.net/category/web/wordpress">WordPress</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96796"><a href="https://photoshopvip.net/category/tutorial">チュートリアル</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96795"><a href="https://photoshopvip.net/category/tutorial/resource-tutorial">チュートリアルまとめ</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96797"><a href="https://photoshopvip.net/category/tutorial/ps-tip">PSテクニック</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96798"><a href="https://photoshopvip.net/category/tutorial/tutorial-texteffect">テキストエフェクトチュートリアル</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96799"><a href="https://photoshopvip.net/category/tutorial/tutorial-designeffect">デザインエフェクトチュートリアル</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-96800"><a href="https://photoshopvip.net/category/inspiration">インスピレーション</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96801"><a href="https://photoshopvip.net/category/inspiration/idea">アイデアノート</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96802"><a href="https://photoshopvip.net/category/inspiration/typography">タイポグラフィー</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-96803"><a href="https://photoshopvip.net/category/inspiration/package">パッケージ</a></li> </ul> </li> </ul></div></div><div id="tag_cloud-5" class="footer-widget zeen-widget clearfix widget_tag_cloud"><h3 class="widget-title title">キーワード</h3><div class="tagcloud"><a href="https://photoshopvip.net/tag/css" class="tag-cloud-link tag-link-50 tag-link-position-1" style="font-size: 1em;">CSS</a> <a href="https://photoshopvip.net/tag/designcuts" class="tag-cloud-link tag-link-832 tag-link-position-2" style="font-size: 1em;">DesignCuts</a> <a href="https://photoshopvip.net/tag/html-snippet" class="tag-cloud-link tag-link-780 tag-link-position-3" style="font-size: 1em;">HTMLスニペット</a> <a href="https://photoshopvip.net/tag/illustrator" class="tag-cloud-link tag-link-68 tag-link-position-4" style="font-size: 1em;">Illustrator</a> <a href="https://photoshopvip.net/tag/photoshop" class="tag-cloud-link tag-link-92 tag-link-position-5" style="font-size: 1em;">Photoshop</a> <a href="https://photoshopvip.net/tag/psd" class="tag-cloud-link tag-link-96 tag-link-position-6" style="font-size: 1em;">PSD</a> <a href="https://photoshopvip.net/tag/uidesign" class="tag-cloud-link tag-link-111 tag-link-position-7" style="font-size: 1em;">UIデザイン</a> <a href="https://photoshopvip.net/tag/wordpress" class="tag-cloud-link tag-link-804 tag-link-position-8" style="font-size: 1em;">WordPress</a> <a href="https://photoshopvip.net/tag/icon" class="tag-cloud-link tag-link-805 tag-link-position-9" style="font-size: 1em;">アイコン</a> <a href="https://photoshopvip.net/tag/actions" class="tag-cloud-link tag-link-138 tag-link-position-10" style="font-size: 1em;">アクション素材</a> <a href="https://photoshopvip.net/tag/inspiration" class="tag-cloud-link tag-link-154 tag-link-position-11" style="font-size: 1em;">インスピレーション</a> <a href="https://photoshopvip.net/tag/website" class="tag-cloud-link tag-link-162 tag-link-position-12" style="font-size: 1em;">ウェブサイト</a> <a href="https://photoshopvip.net/tag/webdesign" class="tag-cloud-link tag-link-163 tag-link-position-13" style="font-size: 1em;">ウェブデザイン</a> <a href="https://photoshopvip.net/tag/stylish" class="tag-cloud-link tag-link-172 tag-link-position-14" style="font-size: 1em;">オシャレ</a> <a href="https://photoshopvip.net/tag/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%83%84%e3%83%bc%e3%83%ab" class="tag-cloud-link tag-link-906 tag-link-position-15" style="font-size: 1em;">オンラインツール</a> <a href="https://photoshopvip.net/tag/colorful" class="tag-cloud-link tag-link-182 tag-link-position-16" style="font-size: 1em;">カラフル</a> <a href="https://photoshopvip.net/tag/grunge" class="tag-cloud-link tag-link-200 tag-link-position-17" style="font-size: 1em;">グランジ</a> <a href="https://photoshopvip.net/tag/san-serif" class="tag-cloud-link tag-link-222 tag-link-position-18" style="font-size: 1em;">サンセリフ</a> <a href="https://photoshopvip.net/tag/tutorials" class="tag-cloud-link tag-link-276 tag-link-position-19" style="font-size: 1em;">チュートリアル</a> <a href="https://photoshopvip.net/tag/texteffect" class="tag-cloud-link tag-link-283 tag-link-position-20" style="font-size: 1em;">テキストエフェクト</a> <a href="https://photoshopvip.net/tag/texture" class="tag-cloud-link tag-link-806 tag-link-position-21" style="font-size: 1em;">テクスチャ</a> <a href="https://photoshopvip.net/tag/technique" class="tag-cloud-link tag-link-288 tag-link-position-22" style="font-size: 1em;">テクニック</a> <a href="https://photoshopvip.net/tag/template" class="tag-cloud-link tag-link-289 tag-link-position-23" style="font-size: 1em;">テンプレート</a> <a href="https://photoshopvip.net/tag/design-seeds" class="tag-cloud-link tag-link-294 tag-link-position-24" style="font-size: 1em;">デザインの種</a> <a href="https://photoshopvip.net/tag/design-effect" class="tag-cloud-link tag-link-297 tag-link-position-25" style="font-size: 1em;">デザインエフェクト</a> <a href="https://photoshopvip.net/tag/trend" class="tag-cloud-link tag-link-305 tag-link-position-26" style="font-size: 1em;">トレンド</a> <a href="https://photoshopvip.net/tag/pattern" class="tag-cloud-link tag-link-807 tag-link-position-27" style="font-size: 1em;">パターン</a> <a href="https://photoshopvip.net/tag/vintage" class="tag-cloud-link tag-link-335 tag-link-position-28" style="font-size: 1em;">ビンテージ</a> <a href="https://photoshopvip.net/tag/font" class="tag-cloud-link tag-link-349 tag-link-position-29" style="font-size: 1em;">フォント</a> <a href="https://photoshopvip.net/tag/flatdesign" class="tag-cloud-link tag-link-593 tag-link-position-30" style="font-size: 1em;">フラットデザイン</a> <a href="https://photoshopvip.net/tag/%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88" class="tag-cloud-link tag-link-837 tag-link-position-31" style="font-size: 1em;">フリーフォント</a> <a href="https://photoshopvip.net/tag/brush" class="tag-cloud-link tag-link-360 tag-link-position-32" style="font-size: 1em;">ブラシ</a> <a href="https://photoshopvip.net/tag/%e3%83%96%e3%83%a9%e3%82%b7%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88" class="tag-cloud-link tag-link-816 tag-link-position-33" style="font-size: 1em;">ブラシフォント</a> <a href="https://photoshopvip.net/tag/premium" class="tag-cloud-link tag-link-369 tag-link-position-34" style="font-size: 1em;">プレミアム</a> <a href="https://photoshopvip.net/tag/vector" class="tag-cloud-link tag-link-808 tag-link-position-35" style="font-size: 1em;">ベクター</a> <a href="https://photoshopvip.net/tag/mockup" class="tag-cloud-link tag-link-809 tag-link-position-36" style="font-size: 1em;">モックアップ</a> <a href="https://photoshopvip.net/tag/lighting-effects" class="tag-cloud-link tag-link-422 tag-link-position-37" style="font-size: 1em;">ライティングエフェクト</a> <a href="https://photoshopvip.net/tag/retro" class="tag-cloud-link tag-link-438 tag-link-position-38" style="font-size: 1em;">レトロ</a> <a href="https://photoshopvip.net/tag/logos" class="tag-cloud-link tag-link-442 tag-link-position-39" style="font-size: 1em;">ロゴ</a> <a href="https://photoshopvip.net/tag/photoeffect" class="tag-cloud-link tag-link-463 tag-link-position-40" style="font-size: 1em;">写真加工</a> <a href="https://photoshopvip.net/tag/hand-written" class="tag-cloud-link tag-link-497 tag-link-position-41" style="font-size: 1em;">手書き</a> <a href="https://photoshopvip.net/tag/japan-font" class="tag-cloud-link tag-link-502 tag-link-position-42" style="font-size: 1em;">日本語フォント</a> <a href="https://photoshopvip.net/tag/script" class="tag-cloud-link tag-link-545 tag-link-position-43" style="font-size: 1em;">筆記体</a> <a href="https://photoshopvip.net/tag/thin-fonts" class="tag-cloud-link tag-link-549 tag-link-position-44" style="font-size: 1em;">細字</a> <a href="https://photoshopvip.net/tag/color-palette" class="tag-cloud-link tag-link-573 tag-link-position-45" style="font-size: 1em;">配色</a></div> </div><div id="search-5" class="footer-widget zeen-widget clearfix widget_search"><form method="get" class="search tipi-flex" action="https://photoshopvip.net/"> <input type="search" class="search-field font-b" placeholder="キーワードから探す..." value="" name="s" autocomplete="off" aria-label="search form"> <button class="tipi-i-search-thin search-submit" type="submit" value="" aria-label="search"></button> </form> </div><div id="zeen_social_icons-2" class="footer-widget zeen-widget clearfix zeen_social_icons"><div class="social-widget-icons social-align-1"><ul><li><a href="https://www.facebook.com/photoshopvip" class="tipi-i-facebook tipi-i-sz-2 zeen-social-icons-light tipi-tip tipi-tip-move" data-title="Facebook" rel="noopener" target="_blank"></a></li><li><a href="https://www.twitter.com/photoshopvip" class="tipi-i-twitter tipi-i-sz-2 zeen-social-icons-light tipi-tip tipi-tip-move" data-title="Twitter" rel="noopener" target="_blank"></a></li></ul></div></div> </aside><!-- .sidebar .widget-area --> </div> </div><!-- .footer-widget-area --> <div class="background mask"></div></div><!-- .footer-widget-area --> <div class="footer-lower-area footer-area tipi-xs-12 clearfix site-skin-2"> <div class="tipi-row"> <div class="logo logo-footer"><a href="https://photoshopvip.net" data-pin-nopin="true"><span class="logo-img"><img src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1-2.png" alt="" loading="lazy" srcset="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1-2.png 2x" width="356" height="33"></span></a></div> <div class="tipi-flex tipi-xs-flex-full"> <div class="copyright font-2 copyright-l">Copyright 2009 - 2024 © Photoshop VIP</div> <div class="tipi-flex-right tipi-vertical-c"> <nav id="footer-navigation" class="footer-navigation clearfix font-1"> </nav><!-- .footer-navigation --> <ul class="horizontal-menu font-1 menu-icons tipi-vertical-c"> </ul> </div> </div> </div> </div> <div class="background mask"></div> </div> </div> </footer><!-- .site-footer --> </div><!-- .site-inner --> </div><!-- .site --> <div id="mob-menu-wrap" class="mob-menu-wrap mobile-navigation-dd tipi-m-0 site-skin-3 site-img-1"> <div class="bg-area"> <a href="#" class="mob-tr-close tipi-close-icon"><i class="tipi-i-close" aria-hidden="true"></i></a> <div class="content-wrap"> <div class="content"> <div class="logo logo-mobile-menu"><a href="https://photoshopvip.net" data-pin-nopin="true"><span class="logo-img"><img src="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1.png" alt="" loading="lazy" srcset="https://photoshopvip.net/wp-content/uploads/2022/08/vip-logo-white-360x40-1.png 2x" width="356" height="33"></span></a></div> <nav class="mobile-navigation mobile-navigation-1"><ul id="menu-mobile" class="menu-mobile vertical-menu font-1"><li id="menu-item-89614" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-89614"><a href="https://photoshopvip.net/category/freebies">フリー素材</a> <ul class="sub-menu"> <li id="menu-item-89616" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89616"><a href="https://photoshopvip.net/category/freebies/font">フリーフォント</a></li> <li id="menu-item-89615" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89615"><a href="https://photoshopvip.net/category/freebies/texture">テクスチャ</a></li> <li id="menu-item-89618" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89618"><a href="https://photoshopvip.net/category/freebies/brush">ブラシ</a></li> <li id="menu-item-89617" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89617"><a href="https://photoshopvip.net/category/freebies/free-pic">フリー写真</a></li> <li id="menu-item-89747" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89747"><a href="https://photoshopvip.net/category/freebies/ps-action">PSアクション</a></li> <li id="menu-item-92357" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-92357"><a href="https://photoshopvip.net/category/freebies/psd">PSDファイル</a></li> <li id="menu-item-89748" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89748"><a href="https://photoshopvip.net/category/freebies/ps-plugin">PS拡張機能</a></li> <li id="menu-item-89619" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89619"><a href="https://photoshopvip.net/category/freebies/vector">ベクター</a></li> <li id="menu-item-89749" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89749"><a href="https://photoshopvip.net/category/freebies/icon">アイコン</a></li> </ul> </li> <li id="menu-item-89594" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-89594"><a href="https://photoshopvip.net/category/web">ウェブ制作</a> <ul class="sub-menu"> <li id="menu-item-89598" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89598"><a href="https://photoshopvip.net/category/web/trend">ウェブ考察</a></li> <li id="menu-item-89597" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent dropper standard-drop menu-item-89597"><a href="https://photoshopvip.net/category/web/webdesign">ウェブデザイン</a></li> <li id="menu-item-89595" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89595"><a href="https://photoshopvip.net/category/web/html-template">HTMLテンプレート</a></li> <li id="menu-item-89596" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89596"><a href="https://photoshopvip.net/category/web/wordpress">WordPress</a></li> </ul> </li> <li id="menu-item-89599" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-89599"><a href="https://photoshopvip.net/category/tutorial">チュートリアル</a> <ul class="sub-menu"> <li id="menu-item-89958" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89958"><a href="https://photoshopvip.net/category/tutorial/resource-tutorial">チュートリアルまとめ</a></li> <li id="menu-item-89604" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89604"><a href="https://photoshopvip.net/category/tutorial/ps-tip">PSテクニック</a></li> <li id="menu-item-89605" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89605"><a href="https://photoshopvip.net/category/tutorial/tutorial-texteffect">テキストエフェクトチュートリアル</a></li> <li id="menu-item-89606" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89606"><a href="https://photoshopvip.net/category/tutorial/tutorial-designeffect">デザインエフェクトチュートリアル</a></li> </ul> </li> <li id="menu-item-89742" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children dropper standard-drop mm-art mm-wrap-11 mm-wrap mm-color mm-sb-left menu-item-89742"><a href="https://photoshopvip.net/category/inspiration">インスピレーション</a> <ul class="sub-menu"> <li id="menu-item-89743" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89743"><a href="https://photoshopvip.net/category/inspiration/idea">アイデアノート</a></li> <li id="menu-item-89744" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89744"><a href="https://photoshopvip.net/category/inspiration/typography">タイポグラフィー</a></li> <li id="menu-item-89745" class="menu-item menu-item-type-taxonomy menu-item-object-category dropper standard-drop menu-item-89745"><a href="https://photoshopvip.net/category/inspiration/package">パッケージ</a></li> </ul> </li> </ul></nav> <ul class="menu-icons horizontal-menu"> <li class="menu-icon menu-icon-style-3 menu-icon-fb"><a href="https://facebook.com/photoshopvip" data-title="Facebook" class="tipi-i-facebook" rel="noopener nofollow" aria-label="Facebook" target="_blank"><span class="menu-icon--text font-1">Facebook</span></a></li><li class="menu-icon menu-icon-style-3 menu-icon-tw"><a href="https://twitter.com/photoshopvip" data-title="X" class="tipi-i-x" rel="noopener nofollow" aria-label="X" target="_blank"><span class="menu-icon--text font-1">X</span></a></li> </ul> </div> </div> <div class="background mask"></div> </div> </div> <div id="modal" class="modal-wrap inactive" data-fid=""> <span class="tipi-overlay tipi-overlay-modal"></span> <div class="content tipi-vertical-c tipi-row"> <div class="content-search search-form-wrap content-block"> <form method="get" class="search tipi-flex" action="https://photoshopvip.net/"> <input type="search" class="search-field font-b" placeholder="キーワードから探す..." value="" name="s" autocomplete="off" aria-label="search form"> <button class="tipi-i-search-thin search-submit" type="submit" value="" aria-label="search"></button> </form> <div class="search-hints"> <span class="search-hint"> Start typing to see results or hit ESC to close </span> <div class="suggestions-wrap font-2"><a href="https://photoshopvip.net/tag/tutorials" class="tag-cloud-link tag-link-276 tag-link-position-1" style="font-size: 12px;">チュートリアル</a> <a href="https://photoshopvip.net/tag/technique" class="tag-cloud-link tag-link-288 tag-link-position-2" style="font-size: 12px;">テクニック</a> <a href="https://photoshopvip.net/tag/webdesign" class="tag-cloud-link tag-link-163 tag-link-position-3" style="font-size: 12px;">ウェブデザイン</a> <a href="https://photoshopvip.net/tag/font" class="tag-cloud-link tag-link-349 tag-link-position-4" style="font-size: 12px;">フォント</a> <a href="https://photoshopvip.net/tag/psd" class="tag-cloud-link tag-link-96 tag-link-position-5" style="font-size: 12px;">PSD</a></div> </div> <div class="content-found-wrap"><div class="content-found"></div><div class="button-wrap"><a class="search-all-results button-arrow-r button-arrow tipi-button" href="#"><span class="button-title">See all results</span><i class="tipi-i-arrow-right"></i></a></div></div> </div> <div class="content-subscribe content-subscribe-style content-subscribe-2 site-skin-3 site-img-1 content-block subscribe-wrap subscribe-button-1" data-t="15" data-type="sub" data-d="1"> <div class="tipi-modal-bg bg-area clearfix"> <div class="content-subscribe-inner"> <div class="subscribe-titles"> <div class="subtitle">ブログでは紹介しきれない、ここだけのニュースやお得なクーポンなども配信中。</div> </div> <div class="subscribe-form"> <script data-jetpack-boost="ignore">(function() { window.mc4wp = window.mc4wp || { listeners: [], forms: { on: function(evt, cb) { window.mc4wp.listeners.push( { event : evt, callback: cb } ); } } } })(); </script><!-- Mailchimp for WordPress v4.10.2 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-2" class="mc4wp-form mc4wp-form-136912 mc4wp-form-basic" method="post" data-id="136912" data-name="メルマガ登録フォーム" ><div class="mc4wp-form-fields"><p> <label> <input type="email" name="EMAIL" placeholder="Emailアドレス" required /> </label> </p> <p> <input type="submit" value="メルマガ登録する" /> </p></div><label style="display: none !important;">ボットではない場合はこの欄を空のままにしてください: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1744169095" /><input type="hidden" name="_mc4wp_form_id" value="136912" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-2" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin --> </div> </div> <div class="background mask"></div></div></div> <div class="content-latl content-block site-img-1 site-skin-2"> </div> <div class="content-custom content-block"> </div> </div> <a href="#" class="close tipi-x-wrap tipi-x-outer"><i class="tipi-i-close"></i></a> </div> <span id="tipi-overlay" class="tipi-overlay tipi-overlay-base tipi-overlay-dark"><a href="#" class="close tipi-x-wrap"><i class="tipi-i-close"></i></a></span> <span id="light-overlay" class="tipi-overlay tipi-overlay-base tipi-overlay-light"></span> <div id="mob-bot-share" class="mob-bot-share tipi-m-0 mob-bot-share-1"> <div class="share-buttons"> <a href="https://twitter.com/intent/tweet?via=photoshopvip&#038;text=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81%20-%20https%3A%2F%2Fphotoshopvip.net%2F162763" class="tipi-tip tipi-tip-move share-button share-button-X" rel="noopener nofollow" aria-label="Post" data-title="Post" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-x"></i></span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fphotoshopvip.net%2F162763" class="tipi-tip tipi-tip-move share-button share-button-fb" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-facebook"></i></span></a><a href="http://b.hatena.ne.jp/entry/https%3A%2F%2Fphotoshopvip.net%2F162763" class="tipi-tip tipi-tip-move share-button share-button-hatena" rel="noopener nofollow" aria-label="Share" data-title="Share" target="_blank"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-hatena"></i><span class="social-count font-base font-1">8</span></span></a><a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fphotoshopvip.net%2F162763&media=https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2025%2F02%2Fchill-oasis-toyama-821x497.webp&description=2025%E5%B9%B4%E3%82%82%E3%81%99%E3%81%94%E3%81%84%E3%80%81%E4%B8%96%E7%95%8C%E3%81%8C%E6%B3%A8%E7%9B%AE%E3%81%99%E3%82%8B%E6%9C%80%E5%85%88%E7%AB%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81" class="tipi-tip tipi-tip-move share-button share-button-pin" rel="noopener nofollow" aria-label="Pin" data-title="Pin" target="_blank" data-pin-custom="true"><span class="share-button-content tipi-vertical-c"><i class="tipi-i-pinterest"></i></span></a> </div> </div> <div id="to-top-wrap" class="to-top zeen-effect to-top-2 font-2"><a href="#" id="to-top-a" class="tipi-arrow tipi-arrow-m tipi-arrow-t"><i class="tipi-i-angle-up zeen-effect"></i></a></div><script data-jetpack-boost="ignore" type="application/ld+json">{"@context": "http://schema.org", "@type": "WebPage", "name": "PhotoshopVIP", "description": "Photoshopの無料素材や、フリーフォント、最新ニュース、チュートリアルをいち早くお届けするデザインブログ","url": "https://photoshopvip.net/","datePublished": "2025-02-07T20:56:34+09:00","dateCreated": "2025-02-07T20:56:34+09:00","dateModified": "2025-03-13T11:22:08+09:00","sameAs": ["https://facebook.com/photoshopvip","https://twitter.com/photoshopvip"],"potentialAction": { "@type": "SearchAction", "target": "https://photoshopvip.net/?s=&#123;search_term&#125;", "query-input": "required name=search_term"},"breadcrumb":{ "@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem", "position": 1, "item": { "@id": "https://photoshopvip.net", "name": "Home" } },{"@type": "ListItem", "position": 2, "item": { "@id": "https://photoshopvip.net/category/web", "name": "ウェブ制作" } },{"@type": "ListItem", "position": 3, "item": { "@id": "https://photoshopvip.net/category/web/webdesign", "name": "ウェブデザイン" } }]}}</script> <style id='zeen-mm-style-inline-css' type='text/css'> .main-menu-bar-color-3 .menu-main-menu .menu-item-96780.drop-it > a:before { border-bottom-color: #f8d92f;}.main-navigation .mm-color.menu-item-96780 .sub-menu { background: #f8d92f;} .main-menu-bar-color-3 .menu-main-menu .menu-item-96790.drop-it > a:before { border-bottom-color: #f8d92f;}.main-navigation .mm-color.menu-item-96790 .sub-menu { background: #f8d92f;} .main-menu-bar-color-3 .menu-main-menu .menu-item-96796.drop-it > a:before { border-bottom-color: #f8d92f;}.main-navigation .mm-color.menu-item-96796 .sub-menu { background: #f8d92f;} .main-menu-bar-color-3 .menu-main-menu .menu-item-96800.drop-it > a:before { border-bottom-color: #f8d92f;}.main-navigation .mm-color.menu-item-96800 .sub-menu { background: #f8d92f;} </style> <style id='core-block-supports-inline-css' type='text/css'> .wp-container-core-columns-is-layout-1{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-3{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-4{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-5{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-6{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-7{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-8{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-9{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-10{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-11{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-12{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-13{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-14{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-15{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-16{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-17{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-18{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-columns-is-layout-19{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--large);}.wp-container-core-group-is-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:650px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-1 > .alignwide{max-width:1280px;}.wp-container-core-group-is-layout-1 .alignfull{max-width:none;}.wp-container-core-columns-is-layout-20{flex-wrap:nowrap;} </style> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/photoshopvip.net\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script><script id="vip-ready"> window.advanced_ads_ready=function(e,a){a=a||"complete";var d=function(e){return"interactive"===a?"loading"!==e:"complete"===e};d(document.readyState)?e():document.addEventListener("readystatechange",(function(a){d(a.target.readyState)&&e()}),{once:"interactive"===a})},window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[]; </script><script type="text/javascript" src="https://photoshopvip.net/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-includes/js/imagesloaded.min.js?ver=6.7.2" id="imagesLoaded-js"></script><script type="text/javascript" id="login-with-ajax-js-extra"> /* <![CDATA[ */ var LWA = {"ajaxurl":"https:\/\/photoshopvip.net\/wp-admin\/admin-ajax.php","off":""}; /* ]]> */ </script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/plugins/login-with-ajax/login-with-ajax.js?ver=4.4" id="login-with-ajax-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/plugins/login-with-ajax/ajaxify/ajaxify.min.js?ver=4.4" id="login-with-ajax-ajaxify-js"></script><script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-7052089-1', 'auto'); ga('send', 'pageview'); ga('set', 'anonymizeIp', true); </script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0328919403164433" crossorigin="anonymous"></script><script>(function() {function maybePrefixUrlField () { const value = this.value.trim() if (value !== '' && value.indexOf('http') !== 0) { this.value = 'http://' + value } } const urlFields = document.querySelectorAll('.mc4wp-form input[type="url"]') for (let j = 0; j < urlFields.length; j++) { urlFields[j].addEventListener('blur', maybePrefixUrlField) } })();</script><script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script><script>window.addEventListener( 'load', function() { document.querySelectorAll( 'link' ).forEach( function( e ) {'not all' === e.media && e.dataset.media && ( e.media = e.dataset.media, delete e.dataset.media );} ); var e = document.getElementById( 'jetpack-boost-critical-css' ); e && ( e.media = 'not all' ); } );</script><script type="text/html" id="tmpl-jet-ajax-search-results-item"> <div class="jet-ajax-search__results-item"> <a class="jet-ajax-search__item-link" href="{{{data.link}}}" target="{{{data.link_target_attr}}}"> {{{data.thumbnail}}} <div class="jet-ajax-search__item-content-wrapper"> {{{data.before_title}}} <div class="jet-ajax-search__item-title">{{{data.title}}}</div> {{{data.after_title}}} {{{data.before_content}}} <div class="jet-ajax-search__item-content">{{{data.content}}}</div> {{{data.after_content}}} {{{data.rating}}} {{{data.price}}} {{{data.add_to_cart}}} </div> </a> </div> </script><script type="text/html" id="tmpl-jet-search-focus-suggestion-item"> <div class="jet-search-suggestions__focus-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-search-suggestions__focus-area-item-title">{{{data.name}}}</div> </div> </script><script type="text/html" id="tmpl-jet-search-inline-suggestion-item"> <div class="jet-search-suggestions__inline-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-search-suggestions__inline-area-item-title" >{{{data.name}}}</div> </div> </script><script type="text/html" id="tmpl-jet-ajax-search-inline-suggestion-item"> <div class="jet-ajax-search__suggestions-inline-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-ajax-search__suggestions-inline-area-item-title" >{{{data.name}}}</div> </div> </script><script type="text/html" id="tmpl-jet-ajax-search-results-suggestion-item"> <div class="jet-ajax-search__results-suggestions-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-ajax-search__results-suggestions-area-item-title">{{{data.name}}}</div> </div> </script><script type="text/javascript" src="https://photoshopvip.net/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script><script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script><script type="text/javascript" src="https://photoshopvip.net/wp-includes/js/wp-util.min.js?ver=6.7.2" id="wp-util-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/plugins/jet-search/assets/lib/chosen/chosen.jquery.min.js?ver=1.8.7" id="jquery-chosen-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/plugins/jet-search/assets/lib/jet-plugins/jet-plugins.js?ver=1.0.0" id="jet-plugins-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/plugins/jet-search/assets/js/jet-search.js?ver=3.5.7.1" id="jet-search-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/plugins/Button-Fixes/assets/js/frontend.js?ver=1682217842" id="vip-b-frontend-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/assets/js/gsap/gsap.min.js?ver=3.6" id="gsap-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/assets/js/gsap/ScrollTrigger.min.js?ver=3.6" id="scroll-trigger-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/assets/js/js.cookie.min.js?ver=2.2.1" id="js-cookie-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/assets/js/imagesloaded.pkgd.min.js?ver=4.1.4" id="images-loaded-js"></script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/assets/js/menu-aim.min.js?ver=1.9.0" id="menu-aim-js"></script><script type="text/javascript" id="zeen-functions-js-extra"> /* <![CDATA[ */ var zeenJS = {"root":"https:\/\/photoshopvip.net\/wp-json\/codetipi-zeen\/v1\/","nonce":"662d888a3c","qry":{"p":162763,"page":0,"error":"","m":"","post_parent":"","subpost":"","subpost_id":"","attachment":"","attachment_id":0,"name":"","pagename":"","page_id":0,"second":"","minute":"","hour":"","day":0,"monthnum":0,"year":0,"w":0,"category_name":"","tag":"","cat":"","tag_id":"","author":"","author_name":"","feed":"","tb":"","paged":0,"meta_key":"","meta_value":"","preview":"","s":"","sentence":"","title":"","fields":"","menu_order":"","embed":"","category__in":[],"category__not_in":[],"category__and":[],"post__in":[],"post__not_in":[],"post_name__in":[],"tag__in":[],"tag__not_in":[],"tag__and":[],"tag_slug__in":[],"tag_slug__and":[],"post_parent__in":[],"post_parent__not_in":[],"author__in":[],"author__not_in":[],"search_columns":[],"ignore_sticky_posts":false,"suppress_filters":false,"cache_results":true,"update_post_term_cache":true,"update_menu_item_cache":false,"lazy_load_term_meta":true,"update_post_meta_cache":true,"post_type":"","posts_per_page":24,"nopaging":false,"comments_per_page":"50","no_found_rows":false,"order":"DESC"},"args":{"siteUrl":"https:\/\/photoshopvip.net","wooStockFormat":false,"sDelay":false,"galleryAutoplay":false,"subL":false,"lazy":true,"lazyNative":false,"iconSorter":"<i class=\"tipi-i-chevron-down\"><\/i>","iplComs":false,"heroFade":0.075,"iplMob":false,"infUrlChange":true,"fbComs":false,"lightbox":false,"lightboxChoice":1,"archiveUrlChange":true,"stickyHeaderCustomize":true,"toolTipFont":1,"wooAjaxSinglebutton":1,"cookieDuration":90,"slidingBoxStartPoint":0,"browserMode":false,"searchPpp":3,"polyfill":"https:\/\/photoshopvip.net\/wp-content\/themes\/zeen\/assets\/js\/polyfill.min.js","iplCached":true,"path":"\/","disqus":false,"subCookie":true,"pluginsUrl":"https:\/\/photoshopvip.net\/wp-content\/plugins","frontpage":false,"ipl":[]},"i18n":{"embedError":"There was a problem with your embed code. Please refer to the documentation for help.","loadMore":"Load More","outOfStock":"Out Of Stock","noMore":"No More Content","share":"Share","pin":"Pin","tweet":"Tweet"}}; /* ]]> */ </script><script type="text/javascript" src="https://photoshopvip.net/wp-content/themes/zeen/assets/js/functions.min.js?ver=1743656702" id="zeen-functions-js"></script><script type="text/javascript" id="zeen-functions-js-after"> /* <![CDATA[ */ var zeen_11957 = { id: 11957, next: 2, prev: 0, target: 0, mnp: 0, preview: 79, is110: 0, counter: 1, counter_class: "border", post_subtitle: "", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 0, byline_off: 1, fi_off: 0, ppp: 5, args: {"posts_per_page":5,"trending":{"name":"zeen-trending-now","num":2},"post_type":{"post":"post","e-floating-buttons":"e-floating-buttons","list":"list"}} }; var zeen_96780 = { id: 96780, next: 2, prev: 0, target: 0, mnp: 0, preview: 61, is110: 0, counter: 0, counter_class: "", post_subtitle: "on", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 1, byline_off: 1, fi_off: 0, ppp: 3, args: {"cat":"749","post_type":{"post":"post","e-floating-buttons":"e-floating-buttons","list":"list"},"posts_per_page":"3","ignore_sticky_posts":1} }; var zeen_96790 = { id: 96790, next: 2, prev: 0, target: 0, mnp: 0, preview: 61, is110: 0, counter: 0, counter_class: "", post_subtitle: "on", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 1, byline_off: 1, fi_off: 0, ppp: 3, args: {"cat":"754","post_type":{"post":"post","e-floating-buttons":"e-floating-buttons","list":"list"},"posts_per_page":"3","ignore_sticky_posts":1} }; var zeen_96796 = { id: 96796, next: 2, prev: 0, target: 0, mnp: 0, preview: 61, is110: 0, counter: 0, counter_class: "", post_subtitle: "on", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 1, byline_off: 1, fi_off: 0, ppp: 3, args: {"cat":"12","post_type":{"post":"post","e-floating-buttons":"e-floating-buttons","list":"list"},"posts_per_page":"3","ignore_sticky_posts":1} }; var zeen_96800 = { id: 96800, next: 2, prev: 0, target: 0, mnp: 0, preview: 61, is110: 0, counter: 0, counter_class: "", post_subtitle: "on", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 1, byline_off: 1, fi_off: 0, ppp: 3, args: {"cat":"759","post_type":{"post":"post","e-floating-buttons":"e-floating-buttons","list":"list"},"posts_per_page":"3","ignore_sticky_posts":1} }; var zeen_52923 = { id: 52923, next: 2, prev: 0, target: 0, mnp: 0, preview: 29, is110: 0, counter: 0, counter_class: "", post_subtitle: "off", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 0, byline_off: 1, fi_off: 0, ppp: 12, args: {"post__not_in":[162763],"posts_per_page":12,"post_type":"post","orderby":"rand","tag":"","cat":"756","date_query":[{"inclusive":true,"column":"post_modified","after":"24 months ago"}]} }; var zeen_93921 = { id: 93921, next: 2, prev: 0, target: 0, mnp: 0, preview: 83, is110: 0, counter: 0, counter_class: "", post_subtitle: "off", excerpt_off: 1, excerpt_length: 12, excerpt_full: 0, img_shape: 2, byline_off: 1, fi_off: 0, ppp: 6, args: {"post__not_in":[162763],"posts_per_page":6,"post_type":"post","tax_query":[{"taxonomy":"category","field":"term_id","terms":[756],"include_children":false}]} }; /* ]]> */ </script><script type="text/javascript" src="https://www.google-analytics.com/analytics.js?ver=6.7.2" id="google-analytics-js"></script><script type="text/javascript" id="jetpack-stats-js-before"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"116582408\",\"post\":\"162763\",\"tz\":\"9\",\"srv\":\"photoshopvip.net\",\"j\":\"1:14.5\"}") ]); _stq.push([ "clickTrackerInit", "116582408", "162763" ]); /* ]]> */ </script><script type="text/javascript" src="https://stats.wp.com/e-202515.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script><script type="text/javascript" src="https://photoshopvip.net/wp-includes/js/wp-embed.min.js?ver=6.7.2" id="wp-embed-js" defer="defer" data-wp-strategy="defer"></script><script type="text/javascript" defer src="https://photoshopvip.net/wp-content/plugins/mailchimp-for-wp/assets/js/forms.js?ver=4.10.2" id="mc4wp-forms-api-js"></script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10