---
# System prepended metadata

title: 網站特效參考 - 盈
tags: [前端]

---

###### tags: `前端`
# 網站特效參考 - 盈

<h2>Laoding畫面:</h2>
<p>

[載入畫面時效果](https://recruit.she-inc.co.jp/)
改成"旅人地圖"LOGO 畫面最中間處由左至右漸漸跑出LOGO，或是透明度由淺轉深，呈現LOADING效果，潮!

(logo icon 夥伴似乎有共識都想做一個?詢問意見)

</p>

<h2>正式進入頁面囉~</h2>

[進入首頁時先有個重點使用流程圖](https://www.tokyo-zoo.net/zoovie/tama/)
不點"下一步"就不讓User看頁面啦!
主要是沒有UI/UX相關背景，如果有帶幾張網頁使用流程圖，對User來說或許更容易知道我們網站重點?及大致上如何使用?
但如果User頻繁開關頁面，一直出現流程圖，似乎會覺得厭煩?
有製作的必要?設計打勾選項"下次不再顯示"，增加製作成本?

D: 用 Cookie/LocalStorage 可以解決這類問題
<h2>Nav</h2>

<h3>效果:</h3>

[position fixed](https://www.oharchi.com/)
頁面滑動到最上方時高度有一個變動效果


[burgerLink](https://recruit.she-inc.co.jp/)

> 我喜歡！！！做這個！！[name=ceciliaLioooo]

手機版就漢堡標，並套用之前學的三條線變成XX動畫效果

<h3>內容:</h3>

還在思考要什麼內容
組員有想法一起討論

<h2>Main</h2>

<h3>效果:</h3>

[潮!還要更潮!!](https://recruit.she-inc.co.jp/)
> 很精緻的parallax[name=ceciliaLioooo]
<p>
在頁面中間處， 上下捲動時字卡些微滾動，很ㄎㄧㄤ，
hover效果也可參考
</p>


<h3>內容:</h3>
<p>還在思考內容</p>

<h3>版面設計:</h3>
<p>內容要先出來?
思考如何與地圖做一些結合、呼應或排列，可以讓畫面更和諧一些</p>

<h2>Footer</h2>

[效果無，簡單點，就像人生走到後段你總會希望簡單點](https://www.oharchi.com/) 
但copyright放右邊有點潮

<h3>內容:</h3>

簡單點?
放logo、網頁名、slogan，思考是否要加其他內容?

<hr>

