<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-cn"><generator uri="https://gohugo.io/" version="0.147.7">Hugo</generator><title type="html">有呀</title><link href="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1/" rel="alternate" type="text/html" title="html"/><link href="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1/index.xml" rel="alternate" type="application/rss+xml" title="rss"/><updated>2026-07-07T04:03:54+00:00</updated><id>https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1/</id><entry><title type="html">一组收藏的原神原画壁纸</title><link href="https://nuoea.com/genshin-impact-wallpaper/" rel="alternate" type="text/html"/><id>https://nuoea.com/genshin-impact-wallpaper/</id><published>2021-05-26T00:33:15+08:00</published><updated>2021-05-26T00:33:15+08:00</updated><content type="html"><![CDATA[<div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2021/20210526002120.JPG"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2021/20210526002121.JPG" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2021/20210526002123.JPG" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2021/20210526002124.JPG" />
    </div>
  </div>
  
</div>


<div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2021/20210526002905.PNG"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2021/20210526002122.JPG" />
    </div>
  </div>
  
  
  
</div>]]></content><category scheme="https://nuoea.com/categories/%E5%88%86%E4%BA%AB" term="%E5%88%86%E4%BA%AB" label="分享"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/><category scheme="https://nuoea.com/tags/%E5%A3%81%E7%BA%B8" term="%E5%A3%81%E7%BA%B8" label="壁纸"/></entry><entry><title type="html">2020年流行设计风格探索</title><link href="https://nuoea.com/2020-design-neuomorphism/" rel="alternate" type="text/html"/><id>https://nuoea.com/2020-design-neuomorphism/</id><published>2020-01-10T17:31:25+00:00</published><updated>2020-01-10T17:31:25+00:00</updated><content type="html"><![CDATA[<p>其实界面的设计风格一直在随着时代的变化而变化。从最开始的拟物风格到后来的扁平化，其实都是随着人们对于交互理解的加深而产生的自然进化。</p>
<p>但是随着扁平化的流行，我们不难发现越来越多的APP看起来简直一摸一样了，这对于我们的使用体验来说确实很糟糕。2020年是时候来点不一样的视觉冲击了。</p>
<h2 id="关于">关于</h2>
<p>其实最近在Dribbble和Instagram上引起足够多关注的作品都采用了一种新的UI设计风格，有人把它称之为“Neuomorphism”也就是——新拟物风格。那么这种风格都有哪些特点呢。</p>
<blockquote>
<p>通过引入柔和、多彩的阴影和曲线，它创造了一种带有某种积极的视觉氛围的app风格。它从原质化设计大量借用了分层的方式，但它将纯扁平的元素和显得“突出”的重要元素混合在一起。这比原质化设计中乏味的卡片重叠更赏心悦目。</p></blockquote>
<h2 id="最后">最后</h2>
<p>其实在经历了扁平化的数字设计语言之后，这种干净的简洁现代的设计语言固然很符合数字化的概念，但是它太冰冷了。2019年下半年反复被提起的一个词叫做“情感化设计”，什么是情感化设计呢，应该是一种有更多温度、更多质感、 更让人觉得亲切的设计语言。但是传统的拟物设计又太笨重了，这个时候符合现代设计的新拟物风格的出现也就不奇怪了。</p>
<h2 id="作品">作品</h2>
<p>最后来欣赏一组新拟物风格的作品吧。</p>
<p><div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001847.jpg"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001848.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001849.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001850.jpg" />
    </div>
  </div>
  
</div>


<div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001851.jpg"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001852.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001853.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001854.jpg" />
    </div>
  </div>
  
</div>


<div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001855.jpg"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2020/20200320001856.jpg" />
    </div>
  </div>
  
  
  
</div>

</p>]]></content><category scheme="https://nuoea.com/categories/%E8%AE%B0%E5%BD%95" term="%E8%AE%B0%E5%BD%95" label="记录"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/></entry><entry><title type="html">一组扁平风矢量插画设计</title><link href="https://nuoea.com/flat-illustration-design/" rel="alternate" type="text/html"/><id>https://nuoea.com/flat-illustration-design/</id><published>2019-11-08T20:00:00+00:00</published><updated>2019-11-08T20:00:00+00:00</updated><content type="html"><![CDATA[<div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg" />
    </div>
  </div>
  
</div>


<div class="row">
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg"  />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg" />
    </div>
  </div>
  
  
  <div class="col-6 col-md-3 mb-3">
    <div class="feature shadow">
      <img class="feature-link lozad" src="/img/loading.svg" data-src="https://i.nuoea.com/img/2019/11/08/7.jpg" />
    </div>
  </div>
  
</div>]]></content><category scheme="https://nuoea.com/categories/%E5%88%86%E4%BA%AB" term="%E5%88%86%E4%BA%AB" label="分享"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/></entry><entry><title type="html">聊聊黑莓的工业设计</title><link href="https://nuoea.com/best-design-blackberry/" rel="alternate" type="text/html"/><id>https://nuoea.com/best-design-blackberry/</id><published>2018-10-01T00:00:00+00:00</published><updated>2018-10-01T00:00:00+00:00</updated><content type="html"><![CDATA[<p>其实说到黑莓，不得不说那块全键盘的设计，这确实是这个品牌最好的象征。这快键盘可以说是见证了这家公司的成功和落寞。让人唏嘘不已。</p>
<h2 id="写在前面">写在前面</h2>
<p>黑莓的最辉煌的时代，总统站台，政商背书，可谓是意气风发，一时无两。只是这个行业的发展速度真的太快了。快到可能你都来不及去看看自己所制造的这一场狂欢，属于你的时代就过去了。 07年苹果的发布会是一场颠覆，对于整个世界都是，对于黑莓同样是。只不过那个时代的我们似乎都没有意识到人们对于手机的需求，会是一块越来越大的屏幕。所以黑莓的这块打磨的体验完美到极致的物理全键盘就成了鸡肋。</p>
<p>所以从辉煌到落寞。这些年黑莓的日子并不好过。不过好歹还是磕磕绊绊的过来了。人们好像也对千篇一律的手机设计感到了厌倦。从曲面屏设计到全面屏设计，再到刘海屏设计。其实从美感上来说，是一种倒退。但是<code>设计</code>本来就是千万种选择的一种妥协。受制于工艺、材料、成本方方面面的牵制。所以设计推动行业发展的这个理念我是比较赞同的。因为人对于美感的最求是一种本能。</p>
<p><img class="lozad" data-src="https://i.nuoea.com/img/2018/10/01/10064706.jpg" alt=""  /></p>
<h2 id="最后">最后</h2>
<p>于是我们看到，这个时候的黑莓。还是坚持着在我们看来反潮流的工业设计。却吸粉无数。大概是这么多年。大家都太需要一点不一样的新鲜感了吧。抛开主流的配置来说，这部KEY2各方面的体验都很完美。只是骁龙660的平台卖到3999的价格。确实让人有点薪尽自然凉的赶脚。不过就算我们不谈情怀，这部手机的颜值还是数一数二的。商务场合使用，性能也完全够用。毕竟这个看脸的时代。好看什么的最重要了。</p>]]></content><category scheme="https://nuoea.com/categories/%E8%AE%B0%E5%BD%95" term="%E8%AE%B0%E5%BD%95" label="记录"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/><category scheme="https://nuoea.com/tags/%E9%97%B2%E8%81%8A" term="%E9%97%B2%E8%81%8A" label="闲聊"/><category scheme="https://nuoea.com/tags/blackberry" term="blackberry" label="BlackBerry"/></entry><entry><title type="html">三星 Galaxy Note7 的设计还有继续提升的空间么</title><link href="https://nuoea.com/galaxy-note-design/" rel="alternate" type="text/html"/><id>https://nuoea.com/galaxy-note-design/</id><published>2016-08-27T00:00:00+00:00</published><updated>2016-08-27T00:00:00+00:00</updated><content type="html">&lt;p>8月26日，也就是昨天。三星在大陆正式发布了下半年的安卓旗舰机型Galaxy Note7，性能怎么样就不说了，大家自己去翻参数。既然是一个设计驱动的网站，我们就谈谈这款手机的设计。&lt;/p>
&lt;p>今年的三星仿佛是开挂了一样。在上半年的旗舰S7 EDGE 把双曲面玻璃的设计玩的技惊四座的时候，可能很少有人能够想到三星可以在下半年的机型上，对于这种双曲面的设计又有了新的想法。吹的话就不多说了。网上各大媒体一搜一大把。只想说说缺点。指纹收集器这些很多人都在吐槽。其实我觉得最关键的还是易碎性的问题。虽然用上了康宁大猩猩第五代玻璃，据说是抗摔性能提升了多少多少。不想去管。即使再怎么样吹，也掩盖不了这块玻璃还是会碎的事实。诚然手机买来不是摔的。但是这样一款手机吧，外怪设计的这么惊艳。戴个手机保护壳吧，不好看。不戴吧，心里多少还是会有点虚。这里面的取舍还真是纠结。&lt;/p></content><category scheme="https://nuoea.com/categories/%E5%A5%BD%E7%89%A9" term="%E5%A5%BD%E7%89%A9" label="好物"/><category scheme="https://nuoea.com/tags/%E8%AF%84%E6%B5%8B" term="%E8%AF%84%E6%B5%8B" label="评测"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/></entry><entry><title type="html">浅谈今年最流行的扁平化设计的设计趋势</title><link href="https://nuoea.com/flat-design-trend/" rel="alternate" type="text/html"/><id>https://nuoea.com/flat-design-trend/</id><published>2016-08-23T00:00:00+00:00</published><updated>2016-08-23T00:00:00+00:00</updated><content type="html"><![CDATA[<p>作为科技界的大牛，苹果开创了扁平化设计美学，而谷歌在扁平化的设计美学上加入了自己的思考。而到了今年扁平化的设计趋势也在悄然发生变化。</p>
<h2 id="阴影">阴影</h2>
<p><img class="lozad" data-src="https://i.nuoea.com/img/2016/08/04/16.jpg" alt=""  /></p>
<p>我们知道，扁平化的代表之一就是去阴影化，而到了今年，投影无疑可以增加元素的深度，使其从背景中脱颖而出，引起用户的注意。但是在使用过程中，需要注意的是，在扁平化的设计美学里要让它保持柔和感和隐蔽性。</p>
<h2 id="渐变">渐变</h2>
<p><img class="lozad" data-src="https://i.nuoea.com/img/2016/08/04/17.jpg" alt=""  /></p>
<p>不同于传统的实体按钮设计，现在的设计语言更简洁明了。透明的背景加上简单的边框便组成了全部。视觉上若有若无，既不会太突出显眼，也不会让你无视它的存在。</p>]]></content><category scheme="https://nuoea.com/categories/%E8%AE%B0%E5%BD%95" term="%E8%AE%B0%E5%BD%95" label="记录"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/></entry><entry><title type="html">快速搭配Material Design配色工具</title><link href="https://nuoea.com/material-design/" rel="alternate" type="text/html"/><id>https://nuoea.com/material-design/</id><published>2016-04-15T00:00:00+00:00</published><updated>2016-04-15T00:00:00+00:00</updated><content type="html"><![CDATA[<p>在设计 Material Design 的过程中你会发现一个很大的问题，那就是如何大胆、灵活的使用色彩组合。</p>
<p>Material Design 里的调色板工具将色彩描述为“受大胆排列色块并结合柔和的环境、深阴影和亮高光而产生的灵感”。</p>
<p>这里我专门找了几个 Google Material Design 专用的配色工具，如果你需要材质设计调色板，这些web工具可以助你一臂之力。下面是 Material Design 配色方案的Web工具，喜欢的记得 Mark 起来！</p>
<h2 id="material-palette"><a href="http://www.materialpalette.com">Material Palette</a></h2>
<p>在这个工具中，你可以先选择主色和重点色。选完之后工具会自动生成即时预览图并提供多种下载的方式。</p>
<h2 id="material-ui"><a href="https://www.materialui.co/colors">Material UI</a></h2>
<p>这是一个漂亮的“小抄”，它把所有能提供给你的颜色汇聚在一个页面上供你选择。很不错哦！</p>]]></content><category scheme="https://nuoea.com/categories/%E5%88%86%E4%BA%AB" term="%E5%88%86%E4%BA%AB" label="分享"/><category scheme="https://nuoea.com/tags/%E5%B9%B2%E8%B4%A7" term="%E5%B9%B2%E8%B4%A7" label="干货"/><category scheme="https://nuoea.com/tags/%E8%AE%BE%E8%AE%A1" term="%E8%AE%BE%E8%AE%A1" label="设计"/></entry></feed>