ELLO의 개발일지

Loading When content is loading, a blank or static screen can make it seem like your app is frozen, resulting in confusion and frustration, and potentially causing people to leave your app. 콘텐츠가 로드될 때 빈 화면 또는 정적 화면이 프로그램이 정지된 것처럼 보이게 하여 혼란과 좌절감을 초래하고 잠재적으로 사람들이 프로그램을 떠나는 원인이 될 수 있습니다. Make it clear when loading is occurring. At minimum, show an activity spinner that communicates something is hap..

Text Fields A text field is a single-line, fixed-height field that automatically brings up a keyboard when people tap it. Use a text field to request a small amount of information, such as a name or an email address. 텍스트 필드는 사용자가 키보드를 누를 때 자동으로 나타나는 단일 줄의 고정 높이 필드입니다. 텍스트 필드를 사용하여 이름 또는 전자 메일 주소와 같은 적은 양의 정보를 요청합니다. Show a hint in a text field to help communicate its purpose. A text field can co..

Tables A table presents data as a scrolling, single-column list of rows that can be divided into sections or groups. Use a table to display large or small amounts of information cleanly and efficiently in the form of a list. Generally speaking, tables are ideal for text-based content, and often appear as a means of navigation on one side of a split view, with related content shown on the opposit..

Image Views An image view displays a single image or an animated sequence of images over a transparent or opaque background. Within an image view, images may be stretched, scaled, sized to fit, or pinned to a specific location. Image views are noninteractive by default. image view는 투명하거나 불투명한 배경에 단일 이미지 또는 이미지의 애니메이션 시퀀스를 표시합니다. 이미지 보기 내에서 이미지는 특정 위치에 맞게 늘리거나 크기를 조정하거나 고정할 수 있습니다. image view는 기본..

Collections A collection manages an ordered set of content, such as a set of photos, and presents it in a customizable and highly visual layout. Because a collection doesn’t enforce a strictly linear format, it’s particularly well-suited to displaying items that vary in size. Generally speaking, collections are ideal for showing off image-based content. Backgrounds and other decorative views can..

Tab Bars A tab bar appears at the bottom of a screen, helping people understand the types of information or functionality an app provides. Tabs let people quickly switch between top-level sections in your app while preserving the current navigation state within each section. 화면 하단에 탭 표시줄이 나타나 앱이 제공하는 정보 또는 기능의 유형을 쉽게 이해할 수 있도록 도와줍니다. 탭을 사용하면 각 섹션의 현재 탐색 상태를 유지하면서 앱에서 최상위 섹션으로 빠르게 전환할 수 있습니다. By ..

Status Bars The status bar appears along the upper edge of the screen and displays useful information about the device’s current state, like the time, cellular carrier, and battery level. The actual information shown in the status bar varies depending on the device and system configuration. 상태 표시줄은 화면 상단 가장자리를 따라 나타나며 시간, 셀룰러 캐리어 및 배터리 수준과 같은 장치의 현재 상태에 대한 유용한 정보를 표시합니다. 상태 표시줄에 표시되는 실제 정보는 장치 및..

Search Bars A search bar allows people to search through a large collection of values by typing text into a field. A search bar can be displayed alone, or in a navigation bar or content view. When displayed in a navigation bar, a search bar can be pinned to the navigation bar so it's always accessible, or it can be collapsed until the user swipes down to reveal it. search bar를 사용하면 필드에 텍스트를 입력하여..

Navigation Bars A navigation bar appears at the top of an app screen, below the status bar, and enables navigation through a series of hierarchical screens. When a new screen is displayed, a back button, often labeled with the title of the previous screen, appears on the left side of the bar. Sometimes, the right side of a navigation bar contains a control, like an Edit or a Done button, for man..

App Icon Every app needs a beautiful and memorable icon that attracts attention in the App Store and stands out on the Home screen. Your icon is the first opportunity to communicate, at a glance, your app’s purpose. It also appears throughout the system, such as in Settings and search results. 모든 앱은 앱스토어에서 시선을 끌고 홈 스크린에서 눈에 띄는 아름답고 기억에 남는 아이콘이 필요합니다. 당신의 아이콘은 당신의 앱의 목적을 한눈에 알 수 있는 첫 번째 기회입니다. 또한..

Image Size and Resolution 이미지 크기 및 해상도 The coordinate system iOS uses to place content onscreen is based on measurements in points, which map to pixels in the display. A standard-resolution display has a 1:1 pixel density (or @1x), where one pixel is equal to one point. High-resolution displays have a higher pixel density, offering a scale factor of 2.0 or 3.0 (referred to as @2x and @3x). As a ..

Positioning Content Within Layout Margins 레이아웃 여백 내에 콘텐츠 배치 Position views so that they are not crowded by other content. 다른 콘텐츠에 의해 몰리지 않도록 보기를 배치합니다. Overview Layout margins provide a visual buffer between a view’s content and any content outside of the view’s bounds. The layout margins consist of inset values for each edge (top, bottom, leading, and trailing) of the view. These inset values c..