diff --git a/src/assets/images/svg/PhotoUploadIcon.svg b/src/assets/images/svg/PhotoUploadIcon.svg
new file mode 100644
index 0000000..646be21
--- /dev/null
+++ b/src/assets/images/svg/PhotoUploadIcon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M246.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 109.3V320c0 17.7 14.3 32 32 32s32-14.3 32-32V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64c0 53 43 96 96 96H352c53 0 96-43 96-96V352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V352z"/></svg>
\ No newline at end of file
diff --git a/src/components/NewPost.js b/src/components/NewPost.js
index d821d89..eacd69c 100644
--- a/src/components/NewPost.js
+++ b/src/components/NewPost.js
@@ -2,105 +2,162 @@ import React, { useState } from "react";
 import { View, Text, StyleSheet, TextInput, TouchableOpacity, Image } from "react-native";
 import {launchCamera, launchImageLibrary, CameraOptions, ImagePickerResponse, ImageLibraryOptions, Asset} from 'react-native-image-picker';
 import axios from "axios";
+import PhotoUploadIcon from '../assets/images/svg/PhotoUploadIcon.svg';
 
 const NewPost = () => {
+  const [photo, setPhoto] = useState(null);
+  const [text, setText] = useState('');
+  const userId = 'user1';
 
-    const [photo, setPhoto] = useState(null);
-    const [text, setText] = useState('');
-    const userId = 'user1';
+  const onSelectImage = () => {
+    launchImageLibrary(
+      {
+        mediaType: 'photo',
+        maxWidth: 512,
+        maxHeight: 512,
+        includeBase64: Platform.OS === 'android',
+      },
+      (res) => {
+        console.log(res);
+        if (res.didCancel) return;
+        setPhoto(res);
+      }
+    );
+  };
+  const handleUploadPhoto = () => {
+    const formData = new FormData();
 
-    const onSelectImage = () => {
-        launchImageLibrary(
-            {
-                mediaType: "photo",
-                maxWidth: 512,
-                maxHeight: 512,
-                includeBase64: Platform.OS === 'android',
-            },
-            (res) => {
-                console.log(res);
-                if (res.didCancel) return;
-                setPhoto(res);
-            },
-        )
-    }
-    const handleUploadPhoto = () => {
-        const formData = new FormData();
+    formData.append('img', {
+      name: photo.assets[0].fileName,
+      type: photo.assets[0].type,
+      uri: photo.assets[0].uri,
+    });
 
-        formData.append("img", {
-            name: photo.assets[0].fileName,
-            type: photo.assets[0].type,
-            uri: photo.assets[0].uri,
-        });
+    formData.append('writeTxt', text);
 
-        formData.append('writeTxt', text);
+    axios
+      .post(`http://52.79.97.196:8080/photobook/write/${userId}`, formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      })
+      .then((response) => {
+        console.log('upload success', response);
+        alert('Upload success!');
+        setPhoto(null);
+        setText('');
+      })
+      .catch((error) => {
+        console.log('upload error', error);
+        alert('Upload failed!');
+      });
+  };
 
-        axios.post(`http://52.79.97.196:8080/photobook/write/${userId}`, formData, {
-            headers: {
-                'Content-Type': 'multipart/form-data'
-            }
-        })
-            .then(response => {
-                console.log("upload success", response);
-                alert("Upload success!");
-                setPhoto(null);
-                setText('');
-            })
-            .catch(error => {
-                console.log("upload error", error);
-                alert("Upload failed!");
-            });
-    };
-    return (
-        <View style={styles.container}>
-            {photo && (
-                <Image
-                    source={{uri: photo?.assets[0]?.uri}}
-                    style={{ width: 300, height: 300 }}
-                />
-            )}
-            <TouchableOpacity style={styles.button} onPress={onSelectImage}>
-                <Text style={styles.buttonText}>Choose Photo</Text>
-            </TouchableOpacity>
-            <TextInput
-                style={styles.input}
-                placeholder="Write a caption..."
-                onChangeText={text => setText(text)}
-                value={text}
-            />
-            <TouchableOpacity style={styles.button} onPress={handleUploadPhoto}>
-                <Text style={styles.buttonText}>Upload Photo</Text>
-            </TouchableOpacity>
-        </View>
-    );
+  return (
+    <View style={styles.container}>
+      {photo && (
+        <Image source={{ uri: photo?.assets[0]?.uri }} style={styles.photo} />
+      )}
+      {!photo && (
+        <TouchableOpacity style={styles.selectPhotoButton} onPress={onSelectImage}>
+          <PhotoUploadIcon style={styles.photoUploadIcon}/>
+          <Text style={styles.selectPhotoButtonText}>터치해서 사진을 선택해주세요!</Text>
+        </TouchableOpacity>
+      )}
+        <TextInput
+            style={styles.input}
+            placeholder="사진에 대한 설명을 해주세요!"
+            multiline={true}
+            onChangeText={(text) => setText(text)}
+            value={text}
+        />
+        <TouchableOpacity style={styles.button} onPress={handleUploadPhoto}>
+          <Text style={styles.buttonText}>업로드</Text>
+        </TouchableOpacity>
+    </View>
+  );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#F5FCFF',
-    },
-    button: {
-        backgroundColor: '#ff6200',
-        padding: 10,
-        borderRadius: 5,
-        alignItems: 'center',
-        marginTop: 10,
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    // backgroundColor: '#F5FCFF',
+  },
+  photo: {
+    width: 300,
+    height: 300,
+    borderRadius: 30,
+  },
+  selectPhotoButton: {
+    flexDirecion: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 300,
+    height: 300,
+    borderRadius: 30,
+    backgroundColor: 'white',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
     },
-    buttonText: {
-        color: '#fff',
-        fontSize: 16,
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  photoUploadIcon: {
+    width: 50,
+    height: 50,
+    fill: 'gray',
+    marginBottom: 30,
+  },
+  selectPhotoButtonText: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: 'gray'
+  },
+  input: {
+    width: '90%',
+    height: 150,
+    borderRadius: 15,
+    marginTop: 30,
+    paddingHorizontal: 15,
+    paddingVertical: 5,
+    backgroundColor: '#FFF',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
     },
-    input: {
-        height: 50,
-        width: 300,
-        borderColor: '#ddd',
-        borderWidth: 1,
-        marginTop: 10,
-        padding: 10,
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  button: {
+    width: 85,
+    backgroundColor: '#F7B599',
+    paddingHorizontal: 10,
+    paddingVertical: 7,
+    borderRadius: 10,
+    alignItems: 'center',
+    marginTop: 30,
+
+    shadowColor: '#000', // 그림자 색상
+    shadowOffset: {
+      width: 0, // 좌우 그림자 위치
+      height: 2, // 상하 그림자 위치
     },
+    shadowOpacity: 0.25, // 그림자 투명도
+    shadowRadius: 3.84, // 그림자 반경
+
+    elevation: 3, // Android에만 적용되는 그림자 깊이
+  },
+  buttonText: {
+    color: '#fff',
+    fontSize: 14,
+  },
 });
 
-export default NewPost;
+export default NewPost;
\ No newline at end of file
diff --git a/src/page/AlbumDedetailPage.js b/src/page/AlbumDedetailPage.js
index 04e411a..58ed5f0 100644
--- a/src/page/AlbumDedetailPage.js
+++ b/src/page/AlbumDedetailPage.js
@@ -163,7 +163,7 @@ const styles = StyleSheet.create({
     height: 40,
     borderWidth: 1,
     borderColor: '#ccc',
-    borderRadius: 4,
+    borderRadius: 10,
     paddingHorizontal: 10,
     marginRight: 10,
   },
@@ -171,7 +171,7 @@ const styles = StyleSheet.create({
     backgroundColor: '#F7B599',
     paddingHorizontal: 15,
     paddingVertical: 8,
-    borderRadius: 4,
+    borderRadius: 10,
   },
   commentButtonText: {
     color: 'white',
diff --git a/src/page/QuizPostPage.js b/src/page/QuizPostPage.js
index e72618f..efabe60 100644
--- a/src/page/QuizPostPage.js
+++ b/src/page/QuizPostPage.js
@@ -1,5 +1,5 @@
 import React, { useContext, useState } from "react";
-import { View, TextInput, Button, StyleSheet } from 'react-native';
+import { View, TextInput, Button, StyleSheet, TouchableOpacity, Text } from 'react-native';
 import { RadioButton } from 'react-native-paper';
 import { UserContext } from "../../App";
 
@@ -38,33 +38,40 @@ const QuizPostPage = () => {
 
   return (
     <View style={styles.container}>
-      <View style={styles.inputContainer}>
-        <TextInput
-          style={styles.input}
-          placeholder="퀴즈 내용"
-          onChangeText={setQuizTxt}
-        />
+        <Text style={styles.quizTitle}>Quiz</Text>
+        <View style={styles.inputContainer}>
+            <TextInput
+                style={styles.input}
+                placeholder="Quiz 내용"
+                onChangeText={setQuizTxt}
+            />
       </View>
-      {[answer1, answer2, answer3, answer4].map((answer, index) => (
-        <View style={styles.inputContainer} key={index}>
-          <RadioButton
-            value={index + 1}
-            status={quiz_ans == String(index + 1) ? 'checked' : 'unchecked'}
-            onPress={() => setQuizAns(String(index + 1))}
-          />
-          <TextInput
-            style={styles.input}
-            placeholder={`답변 ${index + 1}`}
-            onChangeText={(text) => {
-              if (index === 0) setAnswer1(text);
-              else if (index === 1) setAnswer2(text);
-              else if (index === 2) setAnswer3(text);
-              else if (index === 3) setAnswer4(text);
-            }}
-          />
-        </View>
-      ))}
-      <Button title="퀴즈 생성" onPress={submitQuiz} />
+          {[answer1, answer2, answer3, answer4].map((answer, index) => (
+            <View style={styles.inputContainer} key={index}>
+              <RadioButton
+                value={index + 1}
+                status={quiz_ans == String(index + 1) ? 'checked' : 'unchecked'}
+                onPress={() => setQuizAns(String(index + 1))}
+                color='#F7B599'
+              />
+              <TextInput
+                style={styles.input}
+                placeholder={`${index + 1}. `}
+                onChangeText={(text) => {
+                  if (index === 0) setAnswer1(text);
+                  else if (index === 1) setAnswer2(text);
+                  else if (index === 2) setAnswer3(text);
+                  else if (index === 3) setAnswer4(text);
+                }}
+              />
+            </View>
+          ))}
+          <TouchableOpacity
+            style={styles.quizButton}
+            onPress={submitQuiz}
+          >
+            <Text style={styles.quizButtonText}>Quiz 만들기</Text>
+          </TouchableOpacity>
     </View>
   );
 };
@@ -74,9 +81,34 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    backgroundColor:'#f2f2f2',
     padding: 20,
   },
+  quizTitle: {
+    fontSize: 30,
+    fontWeight: '600',
+    marginBottom: 70,
+  },
+  quizButton: {
+    borderRadius: 20,
+    paddingHorizontal: 30,
+    paddingVertical: 10,
+    marginTop: 30,
+    backgroundColor: '#F7B599',
+
+    shadowColor: '#000',
+    shadowOffset: {
+        width: 0,
+        height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  quizButtonText: {
+    fontSize: 16,
+    fontWeight: '600',
+  },
   inputContainer: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -85,10 +117,21 @@ const styles = StyleSheet.create({
   input: {
     flex: 1,
     height: 40,
-    borderColor: 'gray',
-    borderWidth: 1,
+    borderRadius: 20,
     marginTop: 10,
-    padding: 10,
+    marginBottom: 10,
+    paddingHorizontal: 15,
+    paddingVertical: 10,
+    backgroundColor: 'white',
+
+    shadowColor: '#000',
+    shadowOffset: {
+        width: 0,
+        height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
   },
 });
 
diff --git a/src/page/navbar/AlbumPage.js b/src/page/navbar/AlbumPage.js
index bead3be..c23870a 100644
--- a/src/page/navbar/AlbumPage.js
+++ b/src/page/navbar/AlbumPage.js
@@ -4,20 +4,25 @@ import { UserContext } from '../../../App'
 
 const Post = ({ item, navigation }) => {
     return (
-      <TouchableOpacity onPress={() => navigation.navigate('AlbumDetail', { item })}>
-          <View style={styles.post}>
-              <Image source={{ uri: item.photo_img }} style={styles.image} />
-              <View style={styles.contentContainer}>
-<View style={styles.userContainer}>
-                  <Image source={{ uri: item.profile_path }} style={styles.profileImage} />
-                  <Text style={styles.username}>{item.user_nickname}</Text>
-</View>
-                  <Text style={styles.text}>{item.photo_txt}</Text>
-              </View>
-              <View style={styles.dateContainer}>
-                  <Text style={styles.date}>{item.write_date}</Text>
-              </View>
-          </View>
+      <TouchableOpacity
+        onPress={() => navigation.navigate('AlbumDetail', { item })}
+        activeOpacity={0.7}
+      >
+        <View style={styles.post}>
+            <View style={styles.imgContentContainer}>
+                <Image source={{ uri: item.photo_img }} style={styles.image} />
+                <View style={styles.contentContainer}>
+                    <View style={styles.userContainer}>
+                        <Image source={{ uri: item.profile_path }} style={styles.profileImage} />
+                        <Text style={styles.username}>{item.user_nickname}</Text>
+                    </View>
+                    <Text style={styles.text}>{item.photo_txt}</Text>
+                </View>
+            </View>
+            <View style={styles.dateContainer}>
+                <Text style={styles.date}>{item.write_date}</Text>
+            </View>
+        </View>
       </TouchableOpacity>
     );
 };
@@ -42,9 +47,11 @@ const AlbumPage = ({navigation}) => {
     }, [familyId]);
     return (
       <View style={styles.container}>
-          <Text style={styles.title}>가족엘범</Text>
+          <Text style={styles.title}>가족 앨범</Text>
           <FlatList
-              data={data.slice().reverse()}
+            style={styles.albumFlatlist}
+            data={data.slice().reverse()}
+            showsVerticalScrollIndicator={false}
             renderItem={({ item }) => <Post item={item} navigation={navigation} />}
             keyExtractor={item => item.photo_id.toString()}
           />
@@ -59,44 +66,62 @@ const AlbumPage = ({navigation}) => {
 
 const styles = StyleSheet.create({
     container: {
-        padding: 10,
+        width: "100%",
+        paddingBottom: 100,
         backgroundColor:'#f2f2f2',
+//        backgroundColor: 'red',
     },
     post: {
+        width: '100%',
+        height: 150,
+        display:'flex',
+        flexDirection:'row',
+//        alignItems: 'center',
         marginBottom: 20,
+        padding: 15,
+        borderRadius: 20,
         borderColor: '#ddd',
-        borderWidth: 1,
-        borderRadius: 10,
-        padding: 5,
         backgroundColor:'#fff',
-        display:'flex',
-        flexDirection:'row',
+//        backgroundColor: 'blue',
         shadowColor: '#000', // 그림자 색상
         shadowOffset: {
             width: 0, // 좌우 그림자 위치
-            height: 2, // 상하 그림자 위치
+//            height: 2, // 상하 그림자 위치
+            height: 2,
         },
         shadowOpacity: 0.25, // 그림자 투명도
         shadowRadius: 3.84,   // 그림자 반경
-
+//        shadowRadius: 10,
         elevation: 5, // Android에만 적용되는 그림자 깊이
     },
+    imgContentContainer: {
+        flexDirection: 'row',
+        width: '83%',
+        justifyContent: 'center',
+        alignItems: 'flex-start',
+//        backgroundColor: 'coral',
+    },
     title: {
         fontSize: 24,
         fontWeight: 'bold',
         textAlign: 'center',
-        marginBottom:20,
+        marginBottom:40,
         marginTop: 20,
     },
+    albumFlatlist: {
+        width: '100%',
+        paddingTop: 10,
+        paddingHorizontal: 10,
+    },
     contentContainer: {
         flexDirection: 'column',
         flex:1,
         alignItems: 'start',
         justifyContent:'flex-start',
         marginBottom: 10,
+//        backgroundColor: 'coral',
     },
     userContainer:{
-
         flexDirection: 'row',
         justifyContent:'center',
         alignItems:'center',
@@ -112,24 +137,28 @@ const styles = StyleSheet.create({
         flex: 1,
     },
     dateContainer: {
+        alignItems: 'center',
         justifyContent: 'flex-end',
-
+        width: '17%',
+//        backgroundColor: 'cornflowerblue',
     },
     date: {
-        fontSize: 12,
+        fontSize: 10,
         color: 'gray',
     },
     image: {
-        width: 100,
-        height: 100,
+        width: 120,
+        height: 120,
 
-        borderRadius: 1,
+        marginRight: 10,
+        borderRadius: 10,
         borderColor: '#ddd',
         borderWidth: 1,
     },
     text: {
-        marginTop: 20,
-        fontSize: 16,
+        marginTop: 10,
+        fontSize: 13,
+        fontWeight: 600,
     },
     addButton: {
         zIndex:10,
@@ -140,8 +169,8 @@ const styles = StyleSheet.create({
         borderRadius: 30,
         alignItems: 'center',
         justifyContent: 'center',
-        right: 10,
-        bottom: 85,
+        right: 15,
+        bottom: 120,
         shadowColor: '#000',
         shadowOffset: {
             width: 0,