宝藏设计类网站分享——3分钟搭建属于自己的个人网站
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">前言</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这次</span>分享内容<span style="color: black;">重点</span><span style="color: black;">包括</span>两个部分：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">①<span style="color: black;">有些</span>压箱底的宝藏设计类网站的分享，带着<span style="color: black;">大众</span><span style="color: black;">一块</span>看一下有<span style="color: black;">那些</span>好玩有趣又有<span style="color: black;">道理</span>的网站；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">②为<span style="color: black;">大众</span>介绍一款叫WIX的建站工具，<span style="color: black;">帮忙</span><span style="color: black;">大众</span>快速的搭建属于自己的个人网站！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">那样</span>就<span style="color: black;">起始</span>吧！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">01</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">灵感采集类网站</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">artsy.net</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个艺术品展览和<span style="color: black;">营销</span>的网站，里面聚拢了<span style="color: black;">全世界</span>的最炙手可热的一批画廊和博物馆，<span style="color: black;">能够</span>说是很棒的一个当代艺术资料库。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmf18jUxdAE6SlQaKGHWRH3cxRmXx9zg7icp3dF0xicnKMn4Ry2d4PicLWWA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">nowness.com</span></strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">非常<span style="color: black;">优秀</span>的创意影像平台，在<span style="color: black;">这儿</span><span style="color: black;">能够</span>看到<span style="color: black;">各样</span>各样的美术风格，他电得内容<span style="color: black;">包含</span>艺术、设计、时尚、旅行、美食，还有<span style="color: black;">有些</span>跨文化的<span style="color: black;">专题</span>交流。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfHtx12JribJticmRyhrbld9wQJnQczVN0d0PoTBcvq6lj7V2EFhWicc8Pw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">darkmodedesign.com</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">暗黑模式网站设计。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmf8cIAAOTVwp5zQlz4z7ic7vCXiaEPDCGpXd3ibYib2bomniaibymZSy2jEd1A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">land-book.com</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">各样</span>风格的网站都有，收录的设计质量<span style="color: black;">亦</span>很高，<span style="color: black;">无</span>灵感的时候就看它！</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfDLzicK9heyekbibibd3MN5nKO0PqkY5bcfFRZpjSrEDFXB11MIGib0PlJg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">02</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">设计师个人网站</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">ormanclark.com</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Make Lemonade 的创始人和设计师——orman clark的个人网站。他设计了<span style="color: black;">非常多</span>非常棒的<span style="color: black;">制品</span>，<span style="color: black;">例如</span>不需要代码<span style="color: black;">就可</span>制作在线作品集的网站、完整丰富的一套图标库等等。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfBcCHDrqP3BIay5qYdg7skkzy3SYfjOoUHwuKicQRgsiaIxKXY9jV7kyQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">victoiredouy.com</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一个插画师的个人网站，风格、交互动效等都<span style="color: black;">特别有</span><span style="color: black;">特殊</span>。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfqj6Ljfr0ZTic2VnfaIozqmiaxFjmicIt7BTYtXfwKYgqSuzKOABSiadgdQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">patrickheng.com</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">帮上面那个插画师写代码的程序员的个人网站，<span style="color: black;">亦</span>有<span style="color: black;">非常多</span>有趣的交互动效。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfoJJ8wlUOZbtoARXicAPHSZbHtu7dkpyYib7a3rDkrWs5v53B1zRz4X3Q/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">brianlovin.com</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Github的知名设计师Brian Lovin的个人网站，采用了RSS reader 式的设计，用户<span style="color: black;">能够</span>直接在上面和他互动。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">RSS</span></strong><span style="color: black;">(really simple syndication)：简易信息聚合</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">可<span style="color: black;">同期</span>将多个网站更新的内容进行整合，以助订阅者快速获取。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfNb93dgdxFoZp3ibVerTXG65ZtyVk0OMXqayMMrtGWCqHzzQsgXNicshw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">03</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">机构</span>官网</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">artcom.de/en/</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个德国交互设计室，<span style="color: black;">她们</span>做的艺术<span style="color: black;">安装</span><span style="color: black;">特别有</span>意思，都是用简单的<span style="color: black;">理学</span>学原理创造的<span style="color: black;">有些</span>很<span style="color: black;">奥妙</span>的意向。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfODiaVFnB6ASUFJ4ZnLr5kUDx4wib8htrESSj8SRaTTmF5Zh2GqbpOlrA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">lamalama.nl</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一家荷兰的创意设计<span style="color: black;">机构</span>官网，用像素块的元素做了整体的设计，交互和界面都<span style="color: black;">特别有</span>意思。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfKHdtJhUPXcx8pQ1Pmhewb9haRzK5CRz3icZia18HJAp1sxL55R6s3NZw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">heylow.world</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">风格很好看的一个官网设计，是<span style="color: black;">近期</span>很火的弥散风。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfUD6gl1DJcV0icxKOnbhxRVUsNWclsibqCJGIhAIE1JfvYGXNvspCT3eg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">04</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其他宝藏网站</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">www.figma.com/@fonsmans</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一位外国小哥<span style="color: black;">能够</span>只用figma就能绘制很酷炫的3D效果的海报，下面是他的figma主页。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfTrXGXyLiaSGE4ZMhUp0odic9rCUd8yroAsfUPM5Ktht2sX6DDicaLCPag/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">muz.li</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一个chrome的扩展程序，<span style="color: black;">能够</span>把它设置为浏览器的首页，<span style="color: black;">每日</span>会推送<span style="color: black;">有些</span>设计<span style="color: black;">新闻</span>、<span style="color: black;">资讯</span>、设计作品和艺术家等等。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmf4Ty2fr1fS3IQJTp4fJKN9Y6vYEBVsMRIRNiazLia6BguzCyMTMWYMXjA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">05</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">素材类</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">3dicons.co</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">免费的3D图标网站。</p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfT27vNZSFXiceQBk5qaW7icESKz5mPct9nszBHCco0Yh008vu737rXyBQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">unsplash</span></strong></span><span style="color: black;"><strong style="color: blue;">.com</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">pexels.com</span></span></strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">两个都是高清免费<span style="color: black;">照片</span>库。</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfhIicjDk2XeglA11ibicpaHK4AGNQPvATq0AzYswuHAEl2DQc5bxicId7iaA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">chunk icons</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一套<span style="color: black;">包括</span>144个常用图形的图标库，是figma文件，很方便哦～</span></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfAY3RVm8p8ZHian7slPmmZ4naJZw9f9grYl6KSYCB8vV8qtQ9XM6XKgQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">06</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">建站工具</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">wix.com</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下面给<span style="color: black;">大众</span>介绍一款上手比较容易的建站工具wix。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">wix这个网站初期是完全免费的，<span style="color: black;">能够</span>做大概六页网站，只是会有wix的网站水印（他会标注是用wix制作的，域名后缀<span style="color: black;">亦</span>是<span style="color: black;">运用</span>wix的域名）。<span style="color: black;">倘若</span>后续想要<span style="color: black;">增多</span>网页页数和更改域名，<span style="color: black;">能够</span><span style="color: black;">选取</span>付费。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">建站过程只需要五步<span style="color: black;">就可</span>完成！</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Step1 注册账号</strong></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfUI70fKzBW4bH05XkUaU1vWKnlR1v5aicxBNPNs6iciaZYUR2z3XYFyPwg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Step2 <span style="color: black;">选取</span>一种网站类型及模板</strong></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmfos0ibGMZo0V6jCJtbFCvndicWzJPchOic0fa6WYDIGkofnAWHwethtv6Q/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmf0e0GQ3XPjZPfEY3jhflEYEZ56icgEzruE39N3eV2hgckoI1ibv6iaWoaA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Step3 进入模板编辑</strong></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmf56DwicCbvsWyRFV86kq967iauSFGxiaRmInaUJCvib1AYTj4rYBOZHeZvw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Step4 <span style="color: black;">保留</span>并预览</strong></p><img src="https://mmbiz.qpic.cn/mmbiz_png/icsborOibkVKR1y209TGLbIO8JK6sPLSmf9SBP4jWRVicZN8HTmfLdqEa1UrWtQ9GbmrDXt59KClPPFks5rqJhujQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Step5 发布网站，成功啦</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上<span style="color: black;">便是</span><span style="color: black;">这次</span>分享的内容啦，感谢<span style="color: black;">大众</span>的观看～</p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/icsborOibkVKR1y209TGLbIO8JK6sPLSmfuwPxYamSYy5QiaTlKqKaPF1d5Mx201Up0hNqLqCejPEoUgIZicL8z6GQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">SUXD公众号</strong></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">微X</span>号 : suxd_design</span></p>
回顾历史，我们感慨万千；放眼未来，我们信心百倍。 真情实感，其含义为认真了、走心了的意思，是如今的饭圈常用语。
页:
[1]