레퍼런스 하나,
다시 그린 사이트 하나
잘 만든 웹사이트 하나를 골라, 그 원리로 가상 브랜드 사이트를 새로 만들어요. 지금까지 다섯 편.
LOAM
가상의 도예 공방 사이트예요. 원본은 인테리어 스튜디오 Liron Moran Interiors.
가져온 것
큰 글자를 무대로 두고, 사진을 그 앞에 놓아요.
장면이 바뀌면 배경색도 같이 바뀌어요.
바꾼 것
폰에서는 사진이 글자를 가려서 아래로 내렸어요.
사진을 누르면 그 작품의 가마 날짜로 넘어가요.
작업 노트는 릴스에 댓글을 남기고, DM에서 팔로우를 확인하면 받을 수 있어요.
둘 다 폰에서 녹화한 화면이에요. 작은 쪽을 누르면 자리가 바뀌어요.
FIELD
가상의 무료 폰트 목록 사이트예요. 원본은 건축 사무소 19-86.
가져온 것
목록 위로 큰 숫자가 올라와요.
화면을 누르면 숫자가 걷히고 목록이 보여요.
바꾼 것
숫자를 폰트 굵기로 바꿨어요. 100은 얇게, 900은 굵게.
줄을 열면 문장을 직접 써 볼 수 있어요.
작업 노트는 릴스에 댓글을 남기고, DM에서 팔로우를 확인하면 받을 수 있어요.
둘 다 폰에서 녹화한 화면이에요. 작은 쪽을 누르면 자리가 바뀌어요.
막차극장
가상의 심야 극장 사이트예요. 원본은 공연 직업 안내 Carrière Scène.
가져온 것
큰 대문자가 터널 네 벽을 타고 가운데로 빨려 들어가요.
회색 바탕에 형광 분홍 면.
바꾼 것
원본 터널은 영상이라 손을 댈 수 없어요. 여기서는 끌면 복도 끝이 손가락을 따라와요.
상영작을 누르면 벽 글자가 그 영화 제목으로 바뀌어요.
작업 노트는 릴스가 올라온 뒤에 받을 수 있어요.
둘 다 폰에서 녹화한 화면이에요. 작은 쪽을 누르면 자리가 바뀌어요.
PLY
가상의 실 색 조합 사이트예요. 원본은 앨범 표지 색 모음 Album Colors of the Year.
가져온 것
열 때마다 화면 전체가 두 색으로 통째로 바뀌어요.
화면을 채우는 큰 대문자 제목.
바꾼 것
두 색을 꼬인 실 모양으로 보여 줘요. 조합마다 꼬임이 달라요.
여덟 조합 모두 대비 4.5 이상. 마음에 든 조합은 저장돼요.
작업 노트는 릴스가 올라온 뒤에 받을 수 있어요.
둘 다 폰에서 녹화한 화면이에요. 작은 쪽을 누르면 자리가 바뀌어요.
세칸상점
가상의 스티커 가게 사이트예요. 원본은 일러스트레이터의 놀이 화면 Ana Cuna.
가져온 것
띠 세 줄이 흐르고, 누를 때마다 한 줄씩 멈춰요.
분홍 바탕, 검은 선, 알약 버튼.
바꾼 것
원본은 세 줄이 맞아야 성공이에요. 여기서는 어떤 머리든 어떤 몸에 붙어요.
27가지 조합마다 이름이 있고, PNG로 저장돼요.
작업 노트는 릴스가 올라온 뒤에 받을 수 있어요.
둘 다 폰에서 녹화한 화면이에요. 작은 쪽을 누르면 자리가 바뀌어요.
작업 노트
편마다 두 쪽짜리 PDF로 정리해요. 따라 만들 때 필요한 값을 그대로 적어 둬요.
인스타그램에서 그 편의 릴스에 댓글을 남기고, DM에서 팔로우를 확인하면 받을 수 있어요. 지금 받을 수 있는 건 LOAM, FIELD 편이에요. 나머지는 릴스가 올라오는 날부터예요.
11월 17일부터 화·목·토 저녁 8시 30분에 새 기록이 올라와요.
loam notes2쪽 · PDF
- 가져온 원리두 가지
- 색다섯 가지, 색 값까지
- 글꼴이름, 크기, 행간, 라이선스
- 화면 구성구역마다 무슨 일을 하는지
- 움직임어디서 얼마나 커지는지, 숫자로
인스타그램에서 다음 기록 보기. 화·목·토 저녁 8시 30분에 올라와요.