반응형

WebDesign 3

실제로 있는 앱의 디자인 바꾸기 #1

앱 이름: 무료 나눔 앱 쉘리 Shelly 생활에 득이 됩니다. 원래 쉘리 앱 화면 바꾼 쉘리 앱 화면 홈 화면 상단 윗부분에 지금 어느 위치의 중고물품을 보는지, 변경도 가능하게 만들었다. 쉘리만의 특징인 쉘리의 착한 가게가 너무 눈에 안 띄는 것 같아서 크게 베너로 만들었다. 인기 있는 상품과 전체 상품을 보기 편하게 디자인했고, 맘에 든 상품은 장바구니에 넣을 수 있도록 버튼을 넣었다. 노란색은 눈에 잘 보이지 않아서 부득이하게 다른 색으로 변경하였다. 장바구니 화면 담은 물건을 다시 보면서 빼고 싶은 물건은 빼고, 사고 싶은 물건은 전체 쉘 몇 개인지 확인할 수 있는 화면을 만들었다. 쉘이 다 있으면 연락하고 싶은 판매자에게 할 수 있는 화면으로 넘어가게 만들었다.

WebDesign 2022.08.09

Google font 기능 잘 활용하기

1. 원하는 font를 검색할 수 있습니다. 2. 생각나는 font가 없을 때 사용할 문장을 입력해서 어울리는 것을 찾을 수 있습니다. 3. font 크기를 조절할 수 있습니다. 1. 원하는 font를 찾으면 Select this style을 클릭합니다. 2. 자신이 클릭한 font가 무엇인지 보여줍니다. 3. CSS 파일에서 어떻게 사용할 것인지 와 @import 를 선택할 수 있습니다. - import를 많이 사용합니다. - 3번 밑에 있는 이 font를 사용할 때 어떤 font-family를 사용해야하는지 알려줍니다. ※ 이상으로 Google font 기능 잘 활용하기 였습니다!

WebDesign 2022.02.13

처음 웹 사이트를 만드는 사람들에게 추천하는 공부 방법

출처: Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 [특별부록] 1. 웹 디자인 기능사 자격시험의 실기 기출 문제를 풀자. - 처음 웹 사이트를 만들 때 웹 사이트를 모방해서 하는 것도 좋습니다. 하지만 초보자에게는 복잡하고 어렵습니다. - 아래 url에 들어가서 문제를 다운받으면서 감을 잡아 나갑니다. - http://www.q-net.or.kr/cst006.do?id=cst00602&gSite=Q&gId=&artlSeq=5199079&brdId=Q006&code=1204 공개문제 자료실 상세 | Q-net BODY { FONT-SIZE: 10pt; FONT-FAMILY: Malgun Gothic; COLOR: #000000; MARGIN: 0px } P { MARGIN-BOTTOM..

WebDesign 2022.02.13
반응형