身份证扫描器web开发_如何以Web开发人员的身份建立一个令人惊叹的投资组合网站

绝地灬酷狼 2022-12-03 08:57 88阅读 0赞

身份证扫描器web开发

*This sponsored article was created by our content partner, [BAW Media][]. Thank you for supporting the partners who make SitePoint possible.*

*这篇赞助文章是由我们的内容合作伙伴[BAW Media][]创建的。* *感谢您支持使SitePoint成为可能的合作伙伴。*

In your role as a professional web developer, you're up for just about any website-building challenge. But, building a creative website portfolio for your own services isn't something you're accustomed to.

作为专业的Web开发人员，您几乎可以应对任何网站建设方面的挑战。 但是，您不习惯于为自己的服务构建有创意的网站产品组合。

As much as you love web development, you've probably never thought of it as being a particularly sexy or creative profession.

尽管您热爱Web开发，但您可能从未将它视为特别性感或富于创造力的职业。

The truth is, it's not all that difficult to put an eye-grabbing portfolio together rather easily when you're armed with the right tools, and you have a selection of inspiring and relevant concepts to choose from.

事实是，当您拥有合适的工具时，轻松吸引眼球的投资组合并不是一件容易的事，并且您可以从中选择各种启发性和相关概念。

Here are 8 powerful ideas, together with 32 examples, to inspire you and enable you to promote your services on your own stunning portfolio website.

这里有8个有力的想法和32个示例，可以激发您的灵感，并使您能够在自己的令人惊叹的投资组合网站上推广您的服务。

## 使Web开发产品组合网站脱颖而出的8个想法 **(**8 Ideas that Will Make Your Web Dev Portfolio Website Stand Out**)** ##

### 1.拥有自己的工作并与他人分享 **(**1. Owning What You Do and Sharing It with Others**)** ###

Many if not most portfolio websites have something in common. Because of their designs, it takes visitors a few seconds to figure out what the author actually does.

许多(如果不是大多数)投资组合网站有一些共同点。 由于设计原因，访问者需要花费几秒钟的时间才能弄清楚作者的实际行为。

And, the longer it takes a visitor to figure it out what you do, and who you're doing it for, the more likely it becomes that he or she will leave before even getting a glimpse of your portfolio.

而且，访问者弄清楚您所做的工作以及为谁干的事情花的时间越长，他或她离开之前甚至一眼就能看到您的投资组合的可能性就越大。

You want to let people know exactly what you do the instant they land on your home page, and here are a few ways to make that happen.

您想让人们在他们登陆您的主页后立即知道您在做什么，这是实现此目的的几种方法。

[Cihad Turhan][]

[西哈德·图尔汗][Cihad Turhan]

[BeWebDeveloper][]

This pre-built website's crystal clear headline message instantly draws the reader in.

这个预先建立的网站晶莹剔透的标题消息立即吸引了读者。

[BeCode][]

[Josue Espinosa][]

[乔苏·埃斯皮诺萨(Josue Espinosa)][Josue Espinosa]

This guy tells you straight out what he does. He even used a screenful of code for his hero shot.

这个家伙直率地告诉你他在做什么。 他甚至为英雄射击使用了一系列的代码。

### 2.简单是终极的复杂 **(**2. Simplicity Is the Ultimate Sophistication**)** ###

Most website visitors don't like clutter, and certainly won't be willing to wade through it to find what you're offering. Since you take pride in your ability to write clean code, a clean portfolio design should appeal to you as well.

大多数网站访问者不喜欢混乱，当然也不愿意涉足它以找到您所提供的产品。 由于您以编写干净代码的能力而感到自豪，因此干净的项目组合设计也应吸引您。

It will certainly appeal to your visitors.

它肯定会吸引您的访客。

A clean design will attest to your skills and work ethic, and if you feel it's necessary, you can always use color and texture in a way that will make your personality stand out.

简洁的设计可以证明您的技能和职业道德，并且，如果您认为有必要，则可以始终以使您的个性脱颖而出的方式使用颜色和纹理。

For example:

例如：

[BeSimple2][]

[Chris Biron][]

[克里斯·比隆][Chris Biron]

This freelance digital designer made a brand out of simplicity. Just how cool is that?

这位自由职业的数字设计师出于简单性而创造了一个品牌。 那到底有多酷？

[Matthew Williams][]

[马修·威廉姆斯][Matthew Williams]

[BeCompany3][]

A perfect example of how design simplicity can produce a clean website home page that's impossible to ignore

设计简单性如何产生一个不容忽视的干净网站主页的完美示例

### 3.将简历从Blah转到Wow **(**3. Turning a Resumé from Blah to Wow**)** ###

Resumés are so passé. Don't you agree?

简历太过分了。 你不同意吗？

Not when you let your art or products speak for themselves, which is what portfolio websites can do; and spectacularly so if done right.

不是当您让艺术品或产品为自己说话时，投资组合网站才能做到这一点； 如果做得对，就很壮观。

You can still keep the classic structure of a resumé since that is what a reader would lbe expecting.

您仍然可以保留简历的经典结构，因为这是读者期望的。

Just apply a little creativity to make your skills and experience stand out. Add a few catchy visuals and/or interactive elements and watch the resumé you're building suddenly go from Blah or Meh, to Wow.

只需施加一点创造力即可使您的技能和经验脱颖而出。 添加一些吸引人的视觉效果和/或交互元素，并观看您正在构建的简历突然从Blah或Meh转到Wow。

Now, the readers will want to know more about you, what you do, and what you can offer them.

现在，读者将希望更多地了解您，您从事的工作以及可以提供的服务。

Here's a few examples of resumés that are so outstanding they're worth a second, or third, assessment.

以下是一些出色的简历示例，值得进行第二或第三次评估。

[BeResume][]

[简历][BeResume]

This theme's subtle animated elements will make the finished website pleasingly interactive.

这个主题的微妙动画元素将使完成的网站具有令人愉快的互动性。

[Pierre Nel][]

[皮埃尔·内尔][Pierre Nel]

[BeFreelancer][]

[Denise Chandler][]

[丹妮丝·钱德勒][Denise Chandler]

A quick study on how to take your resumé and turn it into a work of art that's full of personality.

快速研究如何使用简历并将其转变为充满个性的艺术品。

### 4.具有创新精神的专业人士 **(**4. Professional with a Creative Twist**)** ###

You're a no-nonsense type when it comes to doing your job, as are most professionals; and you want to be seen that way to be able to land bigger jobs and attract better clients.

像大多数专业人士一样，在工作中你是个胡扯。 而您希望以这种方式能够找到更大的工作并吸引更好的客户。

It never hurts to "borrow" a bit from the ways top professionals in other industries present themselves online. We're not talking "copycat" here.

从其他行业的顶尖专业人员在网上展示自己的方式来“借用”一点也不为过。 我们这里不是在谈论“模仿者”。

It's simply a matter of getting an idea or two from lawyers, coaches, consultants, and other professionals on how to make your website look professional, yet not "stuck up".

这仅仅是从律师，教练，顾问和其他专业人员那里获得一个或两个想法的问题，有关如何使您的网站看起来更专业，而不是“陷入困境”。

[BeLawyer][]

[律师][BeLawyer]

This theme targets independent lawyers, but it can easily be customized to create a sleek portfolio website.

该主题针对独立律师，但可以轻松定制以创建一个时尚的投资组合网站。

[Jacek Jeznach][]

[杰西克·耶兹纳赫(Jacek Jeznach)][Jacek Jeznach]

[Patrick David][]

[帕特里克·大卫][Patrick David]

[BeCoaching2][]

If a personality-infused portfolio website is your goal, you might check out how coaches attract their clients.

如果您的目标是建立个性化的投资组合网站，则可以查看教练如何吸引他们的客户。

### 5.站在艺术方面 **(**5. Leaning on the artistic side**)** ###

Artists have the most drool-worthy websites. You really wouldn't expect it to be any other way. Face it; you'd have problems trying to compete with them.

艺术家拥有最流口水的网站。 您真的不会期望它有任何其他方式。 面对它; 您将很难与他们竞争。

Fortunately, you don't have to. There are already plenty of web developers out there who've successfully created some awesome portfolio websites for themselves, and even for others.

幸运的是，您不必这样做。 已经有大量的Web开发人员为他们自己甚至其他人成功创建了一些很棒的投资组合网站。

Like [Adham Dannaway][], who used this artistic approach to present his web dev and design services.

就像[Adham Dannaway][]一样，他使用这种艺术方法来介绍他的Web开发和设计服务。

Or [Legwork Studio][]. This animation studio combined illustration with animation and packaged it up to create a recognizable visual brand.

或[Legwork Studio][] 。 这个动画工作室将插图与动画相结合，并将其包装起来以创建一个可识别的视觉品牌。

You can also get inspiration from themes like these two that artists are currently using to create their website portfolios:

您还可以从艺术家当前用于创建其网站作品集的这两个主题中获得灵感：

[BeArtist][]

[BeArtist2][]

### 6.通过游戏化吸引注意力 **(**6. Grabbing attention with gamification**)** ###

Want to know the type of website portfolio that offers the greatest chance of making you famous?

是否想知道提供最大机会让您出名的网站组合的类型？

Try turning your online portfolio into a game.

尝试将您的在线投资组合变成游戏。

We've already gone from Blah to Wow. Why not aim for something even better?

我们已经从Blah转到了Wow。 为什么不追求更好的目标呢？

When you turn your portfolio into a game, it's hard for anyone to pass it by. Almost everyone likes to participate in an entertaining online adventure, and it's much more enjoyable than going down lists of skills and accomplishments.

当您将投资组合变成游戏时，任何人都很难通过它。 几乎每个人都喜欢参加有趣的在线冒险活动，这比浏览技能和成就清单要有趣得多。

[Robbie Leonardi][]

[罗比·伦纳迪(Robbie Leonardi)][Robbie Leonardi]

This designer-programmer-animator is well-known for his award-winning, mind-blowing portfolio game. Yes, it did win him awards; and lots of high-fives.

这位设计师-程序员-动画师以屡获殊荣的令人兴奋的组合游戏而闻名。 是的，确实赢得了他的奖项； 和许多击掌。

[Small Studio][]

[小工作室][Small Studio]

[BeFantasy][]

[幻想][BeFantasy]

[BeGame][]

You can take this game presentation theme, and easily turn it into an interactive portfolio.

您可以采用此游戏演示主题，并轻松将其转变为交互式产品组合。

### 7.从公司网站“窃取”最佳信息 **(**7. "Stealing" the Best from Company Websites**)** ###

When you're running a company, you're tasked with finding a way to sell multiple products of services on the same website.

在运营公司时，您的任务是找到在同一网站上销售多种服务产品的方法。

It's often the same for you as a web developer.

对于您来说，与Web开发人员通常是相同的。

You have multiple skills and services, and you want to show them off in the most attractive way possible. You also need to find a way to present your offers in a crystal-clear fashion, so clients can easily find precisely what they're looking for.

您拥有多种技能和服务，并且希望以最有吸引力的方式展示它们。 您还需要找到一种方法来清晰地展示您的报价，以便客户可以轻松地准确找到他们想要的东西。

If you have multiple skills and services to offer, you should find these examples a source of inspiration:

如果您要提供多种技能和服务，则应从以下示例中获得启发：

[BeAdAgency2][]

This ad agency theme works great for hybrid services.

这个广告代理商主题非常适合混合服务。

[Facility][]

[设施][Facility]

[BeDigital][]

[数字化][BeDigital]

[TMS-Outsource][]

[TMS外包][TMS-Outsource]

These folks found a simple and powerful way to present all the technologies they use.

这些人找到了一种简单而强大的方法来展示他们使用的所有技术。

### 8.像商品一样展示自己 **(**8. Presenting yourself like a product**)** ###

Think of how high-converting websites sell tech products.

想一想高转化率的网站如何销售高科技产品。

They adhere to a common architecture designed to attract people and convince them to buy or sign up for a free trial. Use that same architecture to build your website portfolio, and you can expect to attract more potential clients and convince them to hire you.

他们遵循旨在吸引人们并说服他们购买或注册免费试用版的通用体系结构。 使用相同的体系结构来构建您的网站产品组合，您可以期望吸引更多潜在客户并说服他们雇用您。

At the same time, you can demonstrate what you could build for them if they choose to work with you.

同时，您可以演示如果他们选择与您合作，可以为他们构建什么。

[BeWatch][]

[观看][BeWatch]

This classic website structure for selling IoT products is designed to attract and convert.

销售物联网产品的这种经典网站结构旨在吸引和转化。

[Emily Ridge][]

[艾米丽·里奇(Emily Ridge)][Emily Ridge]

A web developer used a structure similar to this for her online portfolio.

一位网络开发人员在其在线产品组合中使用了与此类似的结构。

[BeProduct4][]

[Johnny Maceachern][]

[约翰尼·马奇恩(Johnny Maceachern)][Johnny Maceachern]

## 开始使用 **(**Get Started**)** ##

With a few creative concepts to get you started, you no longer have a reason or any excuses to keep putting off building your own portfolio website.

有了一些创意概念，您便可以开始建立自己的投资组合网站，而不再有理由或任何借口。

If you're worried that you don't really have the time to juggle client's work with working on your online portfolio, there's a shortcut you can take.

如果您担心自己真的没有时间花时间处理客户的在线投资组合工作，那么可以采取一条捷径。

Unless or until you have enough time on your hands to build it from scratch, a pre-built website can provide a fast and effective way to create a dazzling online portfolio to show off your work.

除非或直到您有足够的时间从头开始构建它，否则预建网站可以提供快速有效的方法来创建令人眼花online乱的在线作品集来炫耀您的作品。

A good resource is Be Theme, with its huge library of 70+ one-pagers (and 400+ pre-built websites of all kinds).

Be Theme是一个很好的资源，它拥有70多个一页的庞大图书馆(以及400多个各种预建网站)。

Each is designed with easy navigation in mind, and each incorporates interactive elements designed to increase user engagement on the page. All that you need to do it to add your creative vision, which will be more than enough to take your portfolio from "meh" to "stunning".

每个页面的设计都考虑到了轻松导航，每个页面都包含旨在增加用户在页面上的参与度的交互元素。 您要做的所有事情都可以增强您的创造力，这足以使您的投资组合从“ meh”变为“ stunning”。

> 翻译自: [https://www.sitepoint.com/how-to-build-a-stunning-portfolio-website-as-a-web-developer/][https_www.sitepoint.com_how-to-build-a-stunning-portfolio-website-as-a-web-developer]

身份证扫描器web开发

[BAW Media]: https://bawmedia.com
[Cihad Turhan]: http://cihadturhan.com/
[BeWebDeveloper]: https://themes.muffingroup.com/be/webdeveloper/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[BeCode]: https://themes.muffingroup.com/be/code/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Josue Espinosa]: http://ejosue.com/
[BeSimple2]: https://themes.muffingroup.com/be/simple2/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Chris Biron]: http://biron.io/
[Matthew Williams]: http://findmatthew.com/
[BeCompany3]: https://themes.muffingroup.com/be/company3/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[BeResume]: https://themes.muffingroup.com/be/resume/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Pierre Nel]: https://pierre.io/
[BeFreelancer]: https://themes.muffingroup.com/be/freelancer/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Denise Chandler]: https://www.denisechandler.com/
[BeLawyer]: https://themes.muffingroup.com/be/lawyer3/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Jacek Jeznach]: https://jacekjeznach.com/
[Patrick David]: http://bepatrickdavid.com/
[BeCoaching2]: https://themes.muffingroup.com/be/coaching2/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Adham Dannaway]: http://www.adhamdannaway.com
[Legwork Studio]: http://www.legworkstudio.com/
[BeArtist]: https://themes.muffingroup.com/be/artist/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[BeArtist2]: https://themes.muffingroup.com/be/artist2/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Robbie Leonardi]: http://www.rleonardi.com/interactive-resume/
[Small Studio]: http://smallstudio.com.au/
[BeFantasy]: https://themes.muffingroup.com/be/fantasy/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[BeGame]: https://themes.muffingroup.com/be/game/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[BeAdAgency2]: https://themes.muffingroup.com/be/adagency2/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Facility]: https://facility.team/en/
[BeDigital]: https://themes.muffingroup.com/be/digital/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[TMS-Outsource]: https://tms-outsource.com/
[BeWatch]: https://themes.muffingroup.com/be/watch/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Emily Ridge]: http://www.emilyridge.ie/
[BeProduct4]: https://themes.muffingroup.com/be/product4/?utm_source=sitepoint.com&utm_medium=content&utm_campaign=apr19
[Johnny Maceachern]: https://jonny.me/
[https_www.sitepoint.com_how-to-build-a-stunning-portfolio-website-as-a-web-developer]: https://www.sitepoint.com/how-to-build-a-stunning-portfolio-website-as-a-web-developer/