app啟動頁在線製作

Ⅰ 請問怎麼設計APP軟體啟動頁呢

一、規范型
啟動頁應該是不打擾用戶，利用進入應用後的第一個界面的框架截圖來做啟動頁，這里的截圖是去掉裡面的內容的。它的作用就跟上面說的一樣，降低用戶焦慮感。
更多APP設計知識，請咨詢華南電腦學校。
二、品牌推廣型
這類啟動頁其實就是在規范型的基礎上做了一點擴展，幫助品牌做一些宣傳。
在做這類頁面時，要注意風格的搭配，不要太突兀，影響了產品整體的視覺效果。雖然這只是一個過渡的頁面，但是它畢竟是用戶打開產品之後看到的第一個畫面，所以還是值得花點心思做的。
我的建議是，如果沒有商業需求，有品牌名稱和LOGO就足夠了，代入感也強，不會犯錯。
三、商業需求型
再來說說商業需求型的啟動頁，它就是產品利用這塊區域為商家做廣告，從而獲得收益，這種平時應該經常會看到。通常這類啟動頁的展示時間在3到5秒不等，是用戶最不喜歡的一種。

Ⅱ 怎麼製作app啟動頁

APP啟動頁設計方案： 
組合法 根據行業背景來設計，選取行業元素做一個圖形化組合或者圖形化標志等，襯托突出APP的icon或LOGO下面舉例就是主流電商APP的啟動頁、社區APP的啟動頁等。也有一些是採取製作字母組合成的文字圖案效果。

Ⅲ APP的啟動界面是怎麼弄出來的

可以先反編譯apk安裝包，找到裡面的啟動界面圖，然後換成自己喜歡的圖片！注意圖片的大小和名稱要與之前的一樣！修改好了再回編譯成apk文件，再簽名。ok，裝到手機上就可以了！具體要用到的工具和方法網上都有！希望點贊！

Ⅳ App 啟動頁的動畫怎麼做

首先定下目標，我們要實現的是啟動引導畫面中的一種——多層次動畫。然後我們需要設定一個動畫的主題，我們需要表達我們的情感，或者抒情~或者動人~或者逗比~。當然這大部分是設計師的工作。

好吧，既然是demo，而我又不懂設計又不懂美學又不懂PS大法，那麼，就大概也許做成一個這樣子的把~~~

總結一下最終目標要有幾個要點：

1、4個頁。

2、每個頁都可能有若干分層，動畫速度不同。

3、整個滑動的手感應該是順滑並且是頁面式的。

三. 用什麼控制項做？

開頭我講過，這是要探索，而不是為了實現，所以絕對不能藉助任何3rd的library來完成。最大限度的利用apple的原生控制項，是解決問題之道。

So，我們當然選用UIScrollView咯~~~除非你是個手工控。。。就要用最基本的UIView實現一個類似的滑動效果的UIScrollView。

啥？你問我UIScrollView是啥？

。。。。。。

下面是UIScrollView的幾個關鍵屬性，我相信你是明白的。需要注意的是，伴隨著scrollview的左右拖動，contentOffset是在一直變換的。數值范圍:(0,0) – (320 * 3, 0)。而這個屬性，是我們需要使用的關鍵數值。

uiscrollview_callouts_2x.png

四. 怎麼做？

上面我啰嗦了半天，最後告訴大家要用UIScrollView做，那麼問題來了，挖掘機技術哪家強？啊不，到底應該怎麼做？下面是干貨~

1. 首先我們要把我們承載整個動畫場面的scrollView造出來

如下，需要設置scrollView的幾個關鍵屬性：frame, contentSize, alwaysBounceHorizontal, paginEnabled(這個如果是NO，那麼頁面間的彈性效果就沒了), delegate(需要設置從而獲取scrollview的滾動狀態)等等。

//初始化 scrollview

- (void)initScrollView

{

CGSize screenSize = [UIScreen mainScreen].bounds.size;

_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, screenSize.height)];

//我們的scrollView的frame應該是屏幕大小

_scrollView.contentSize = CGSizeMake(screenSize.width * 4, screenSize.height);

//但是我們希望我們scrollView的可被展現區域是4個屏幕橫排那麼大

_scrollView.alwaysBounceHorizontal = YES;//橫向一直可拖動

_scrollView.pagingEnabled = YES;//關鍵屬性，打開page模式。

_scrollView.delegate = self;

_scrollView. = NO;//不要顯示滾動條~

[self.view addSubview:_scrollView];

}

現在我們已經准備好了動畫的畫布，下面開始將每一頁的元素加上去。

2. 加入頁面元素

還是不要全篇幅貼代碼了，以第一頁為例把。

前面掉渣天的蛇雞屎（我）的demo圖已經表明，第一頁，我們要有3個UILabel，一個UIImageView。

那麼好，這些元素我們就給他聲明出來。

@interface ViewController ()

@property (strong, nonatomic) UIScrollView *scrollView;//這是基本！

@property (strong, nonatomic) UIImageView *girlImageView;

@property (strong, nonatomic) UILabel *label_page1_1;

@property (strong, nonatomic) UILabel *label_page1_2;

@property (strong, nonatomic) UILabel *label_page1_3;

@end

然後把第一頁的元素，加進來~

//為了更方便的初始化UILabel,我為UILabel增加了一個簡易的類方法。是為了讓代碼更簡潔可讀。

+ (instancetype)labelWithText:(NSString *)text font:(UIFont *)font color:(UIColor *)color origin:(CGPoint)origin

{

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(origin.x, origin.y, 1000, 20)];

label.text = text;

label.font = font;

label.textColor = color;

[label sizeToFit];

return label;

}

//然後我們將第一頁的元素加進來。

self.label_page1_1 = [UILabel labelWithText:@"我要買iPhone6！" font:[UIFont systemFontOfSize:18.0f] color:[UIColor redColor] origin:CGPointMake(140, 200)];

[self.scrollView addSubview:self.label_page1_1];

self.label_page1_2 = [UILabel labelWithText:@"我要看醫生演唱會~~~~" font:[UIFont systemFontOfSize:18.0f] color:[UIColor blackColor] origin:CGPointMake(140, 240)];

[self.scrollView addSubview:self.label_page1_2];

self.label_page1_3 = [UILabel labelWithText:@"我要去大理！" font:[UIFont systemFontOfSize:18.0f] color:[UIColor orangeColor] origin:CGPointMake(140, 280)];

[self.scrollView addSubview:self.label_page1_3];

self.girlImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image_girl"]];

self.girlImageView.frame = CGRectMake(100, kScreenHeight - 200 - 50, 100, 200);

[self.scrollView addSubview:self.girlImageView];

3. 讓第一頁動起來~~

在第一頁剛剛顯示的時候，我們就希望第一頁的元素能夠有一個動起來的效果。那我們在上面剛剛加入第一頁元素之後，可以緊接著做下面的事情：

self.girlImageView.transform = (-200, 0);

self.label_page1_1.transform = (- 100, 0);

self.label_page1_2.transform = (100, 0);

self.label_page1_3.transform = (- 120, 0);

[UIView animateWithDuration:0.7

animations:^{

self.girlImageView.transform = (0, 0);

self.label_page1_1.transform = (0, 0);

self.label_page1_2.transform = (0, 0);

self.label_page1_3.transform = (0, 0);

}];

可以看到，我們分別給第一頁的四個元素不同的水平位移，然後希望它用0.7秒的時間，移動到之前init他們時候的位置。這樣就完成了第一個4層的錯位動畫。

然後，我們希望在手指滑動scrollview 的時候，第一頁的四個元素可以有相應的分層錯位動畫，那麼我們第一需要拿到當前scrollView的位移量，也就是前面提到的很重要的contentOffset。這個值，在：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

中，可以實時的獲取。

具體來看，怎麼做。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

CGFloat currentX = scrollView.contentOffset.x;

if (currentX <= kScreenWidth)

{

self.girlImageView.transform = ((kScreenWidth + 100.0f) * currentX / kScreenWidth, 0);

self.label_page1_2.transform = (- 200 * currentX / kScreenWidth, 0);

}

}

呵呵，是不是看不懂，那就對了。。。

下面解釋下，首先拋出兩個定理：

定理一：在scrollview的滑動過程中，視覺上看，scrollview上的元素的移動方向與手指滑動方向相反，並且移動的距離與手指滑動的距離相等。但所有元素在scrollview上的物理位置並未改變。

定理二：在scrollview的滑動過程中，當且僅當scrollview上的元素的物理移動距離與手指滑動距離相等並且移動方向相反時，scrollview的元素視覺位置保持不變。

然後我們有兩個需求：

第一，希望那個小女孩跟隨手指滑動的時候，視覺上不是向左移動一直到消失，而是向右移動，待滑動到第二頁的時候，小女孩出現在屏幕右側。

我們應該明確，小女孩的移動，只能是在scrollview上位置的移動。根據定理二，我們知道，如果保持視覺上小女孩位置不變，小女孩在scrollView上的實際物理位移應該是：

公式 4.3.1 baseDistance = kScreenWidth 屏幕寬度

那麼如果我們希望在移動到第二頁之後，小女孩的視覺位置右移了100像素，那麼小女孩在scrollView上的實際物理位移應該是：

公式 4.3.2 distance = baseDistance + 100

第一頁到第二頁，scrollView一共位移是 kScreenWidth ，當前scrollView位移是 contentOffset.x ,可以得出，當前位移的比例：

公式 4.3.3 status = scrollView.contentOffest.x / distance

由 4.3.1 4.3.2 4.3.3可得，我們設置小女孩位移的方式：

self.girlImageView.transform = ((kScreenWidth + 100.0f) * currentX / kScreenWidth, 0);

第二個需求，希望第一頁中，第二個label的向左移動速度快於其他兩個label。

根據定理二，和類似於上面的推倒(推導)方式，也易得第二個label的位移方式：

self.label_page1_2.transform = (- 200 * currentX / kScreenWidth, 0);

五. 總結

綜上所述，我們知道了分層動畫的基本原理。如果使用更多的圖層，更多的位移或者角度變化，就能組合出更加復雜的分層動畫。

可以看到，分層動畫的基本原理並不復雜，但是為什麼那麼多人傾向於藉助3rd的library來實現呢？一個字，懶。

現如今移動開發領域對於美感和交互的要求越來越高，而開發出一款精美的app，設計師所需要付出的靈感和努力也越發顯得重要。作為一個不怎麼有美感的iOS工程師，想要在移動浪潮中立於不敗之地，不斷嘗試更多新的可能遠比實現更多的功能更加重要。

Ⅳ android 應用程序的啟動畫面怎麼做

圖片放來在項目下/res/drawable下，有三個分別對源應大中小圖片；
如果要現實圖片的話需要聲明一個圖像對象，例如
在Layout 下.xml文件里寫android:background="@drawable/bgdefault"
就是引用圖片了；
安卓應用程序圖標在AndroidManifest.xml內
<application
android:icon="@drawable/start"
只要改掉start換成你放在drawable內的圖片名字就換了，但是尺寸有要求，80*80還是什麼根據你自己需要

Ⅵ 做手機APP啟動頁，該怎麼設置這個像素改成72就糊了

手機的解析度怎麼能用厘米計算呢？應該選擇像素的。就是你的手機解析度比如1280×720，1920×1080，第一是高，第二個是寬。其他的不用改

Ⅶ 哪個網站可以 在線製作 App應用圖標和啟動頁

用金和吧

Ⅷ 怎樣將自己的圖片設置為APP啟動頁的圖片，用AS

APP啟動頁，即LaunchImages，需要五張不同尺寸大小的圖，切記一定要選擇png格式，否則打包時報錯，導致APP適配失敗。
五張圖的大小即：320×480、640×960、640×1136、750×1334、1242×2208
分別對應的iphone屏幕尺寸：iphone 3GS、iphone4(s)、iphone5(c、s)、iphone6(s)、iphone 6(s) plus

具體步驟：
Step1：
1.點擊工程目錄中的Images.xcassets，點擊左側邊欄的LaunchImages(如果沒有，在空白處右擊創建一個)
2.然後在xcode最右側的邊欄處選擇你的APP是否要對ipad、橫豎屏、以及低版本的iOS系統做支持。

啟動頁圖片1.png

step2：
LaunchImages選擇框中不同圖片的選擇

iPhone Portrait iOS 8-Retina HD 5.5 （1242×2208） @3x
iPhone Portrait iOS 8-Retina HD 4.7 （750×1334） @2x
iPhone Portrait iOS 7,8-2x （640×960） @2x
iPhone Portrait iOS 7,8-Retina 4 （640×1136） @2x
iPhone Portrait iOS 5,6-1x （320×480） @1x
iPhone Portrait iOS 5,6-2x （640×960） @2x
iPhone Portrait iOS 5,6-Retina4 （640×1136） @2x

啟動頁圖片2.png
step3：
將填好的圖片配置到工程中的啟動頁選項中
點擊項目目錄的工程 -> target -> General -> App Icons And Launch Images
將Launch Images Source的選項設置為LaunchImages，切記當APP不是用LaunchScreen.xib來配置啟動頁時，LaunchScreen File的選擇狀態一定為空！！！！

啟動頁圖片3.png
step4：
設置完畢

Ⅸ 如何快速設計出一款用戶體驗最佳的App啟動頁

關於產品定位 1、一句話產品定義：用一句話概括產品的定位：包括使用人群、產品特色和主要功能 2、三種用戶畫像：思考APP的目標用戶類型。簡潔的例舉三種用戶。例：天天宅寢室的大學生 3、三種使用場景：思考APP的使用場景

Ⅹ android app啟動動畫是怎樣製作的

Android的開機動畫，開始頁面並非MainActivity,而是在另外一個頁面(就是開機的那幅圖[xml裡面寫])停留2秒（時間自定 ），然後再跳轉到MainActivity頁面即可.

java">@OverrideprotectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.acty_appstart);
newHandler().postDelayed(newRunnable(){
@Overridepublicvoidrun(){
if(!AppStart.this.isFinishing()){
Intentintent=newIntent(this,MainActivity.class);//2秒之後跳轉到主界面執行
startActivity(intent);
AppStart.this.finish();
}
}
},2000);
}