')}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf-8, ')}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.App{display:flex;flex-direction:column}.App>.pageContent{flex:1 1;overflow:auto;padding-top:10px}.navbar-nav{flex-direction:row}.navbar-nav>*{padding-left:10px}.container{width:100%;max-width:1170px;padding-left:15px;padding-right:15px}@media only screen and (min-width:768px){.container{display:flex;flex-wrap:wrap;padding-left:30px;padding-right:30px}.container.dir-column{flex-direction:column}}
日文网站如何设计?与英文网页设计有何不同? - 建站知识 - 上线了sxl.cn
很多从事跨境电商的企业,都需要考虑国外用户的审美,并据此建立受众所喜欢的网站。在当今的网页设计 中,受众的印象对企业的成功中起着至关重要的作用,而好的品牌网站无疑能给客户留下更深刻的印象。但是,如何适应不同文化背景的消费者的审美观念,这对新手来说确实是一个挑战。
今天,我就带大家了解下日文网站和英文网站设计的区别,帮助你在跨国贸易中少走弯路。
1.网页设计理念 一种普遍的印象是,日文网站的美感在于极简主义:就像宁静的禅宗花园和宁静的庙宇。就像这个「上线了sxl.cn」 日本用户ラントリップ/Runtrip的网站,非常清新简约。
但是,日文网站的风格当然并不仅仅如此,另外一种非常流行的风格是比较绚丽的,会有多种颜色来轰炸观众视觉。日本美学的这种二重性也转化为网站设计内容的不同。
2.日文网站与英文网站的区别 日本网页设计有许多独特而优雅的功能,它们与其他网站截然不同。这些特征包括使用大量文本,排版细密,用色彩显示较小的图形,以可爱的字体为特征,对比鲜明的颜色以及使用Flash动画等等。
(1)网页设计中文字内容的不同
与日文网站不同,一些英文网站更喜欢较少的文字,“Less is more”理念贯穿始终。大字体和图像用于强调该公司的特色产品,并简要说明其说明。CTA(call to action)按钮通常用于引导用户获得有关这些产品的更多内容。而且,网站使用的代表色一般不会太多,类似于下面的「上线了sxl.cn」 英文网站,都采用了简单的色彩方案。
但在日文网站中,却不是这样,通常文本应用更为广泛,文字内容也更丰富。看似几个句子的内容实际上可能是整个段落,就像这个「上线了」用户的网站农山渔村。如果你想让你的文字内容更加个性化,也可以使用上线了上传自定义字体 功能。
如此大量使用文字的一个主要原因是需要说服买家。正如这个网站上显示的那样,特色产品几乎占据了网站一半的空间。较小的图像用于为公告,新闻和选单项腾出空间。除了具有较大字体的特色产品名称之外,网站上的其他内容也是较小的字体。
与许多西方买家不同,日本消费者在购买商品之前需要大量细节和说服力。因此,很多商家都会用大量空间来布局文字内容,产品介绍 等等。
(2)网页设计中排版布局不同
此外,日本网页设计如此不同的另一个原因是元素的放置。比如下面这个日文网站案例,你能明显感觉到,包括文本和图片在内的各种Web元素都被压缩到一个很小的空间中。
这可以用日本人的文化来解释,也许是因为日本人不愿浪费自己的空间,结果,这种资源利用文化渗透到了他们的数字世界中,并确定可以把空间利用到非常好的效果。
你可以用「上线了」的“拖拽式建站 ”功能,来自由排版网页布局,让网站更加个性化!
(3)图形元素和贴图的不同
日本网站上使用的图片大小和数量也使它们在西方同行中脱颖而出。英文网站使用大尺寸和高分辨率的图像,从而提高了网站的美观度并改善了其影响力。与之相反的是日本网站。日本网站在各个位置使用小型和低分辨率的图片。比如下面这个来自仙台的「上线了」用户一番五郎仙台饺子酒场食むすび。
这些图片并不多,并且主要出于速度目的才放置它们的。根据一项研究,发现如果在线用户在3秒钟内未打开,则在线用户很可能会离开该网站。因此,保持流畅的体验非常关键。这可以通过确保通过优化文本和图片的使用来确保尽快加载网页。
你也可以使用「上线了」建站系统 来建站,页面流畅,网站导航加载速度快,浏览起来体验感很好。
(4)色彩的搭配
日本网页与其他网页设计不同的另一个原因是它通常会使用多种颜色。广泛使用大胆醒目的色彩的目的是吸引观众的注意力。对比鲜明且经常冲突的颜色有助于将注意力吸引到网页上的不同区域,而大胆的颜色通常会吸引更多的用户。比如这个「上线了」用户的网站株式会社BitStar。
以上就是关于日文网站和英文网页设计的一些差异了。对于从事外贸行业的商家来说,制作一个符合当地审美的网站,你的转化率会更高。所以一定要迎合消费者喜好,重视网页设计。
「上线了sxl.cn」 是一个专注自助建站与小程序开发的SaaS平台,针对众多行业提供多套小程序模板,目前已经帮助三百多万没有技术和设计基础的用户,通过上线了一键生成网站或小程序,快速建立品牌、获取客户、经营生意。2019年8月入选腾讯SaaS加速器首期成员。
转载授权请发邮件到:xmt@striking.ly (得到作者主动回复同意,并加上本网站相关页面超链接,方可转载)。