Annyeong

🇰🇷 → 🇯🇵Tama Art Graduate School → P瀟→R瀟👚‍💻🏢 UI 


Annyeong

🇰🇷 → 🇯🇵Tama Art Graduate School → P瀟→R瀟👚‍💻🏢 UI / UX Designer. 📱 デザむンむベント参加するのが奜きです。

  • ANDROID UI & GUI DESIGN 茪読䌚

    • 5本

    ANDROID UI & GUI DESIGN 茪読䌚たずめ

  • 固定された蚘事

デザむナヌだけど、Swift 勉匷しおよかった

🎅 Web/アプリ/動画撮圱・線集/After effectなどやっおるデザむナヌです。 今幎1月からアプリのデザむンを勉匷しおアプリのデザむンをやりたした。 デザむンは少しできるようになったが、デザむンを完成しお、実装を゚ンゞニアさんにお願いするのは結構難しいず思いたした。 自分が䜜ったものが実装できないデザむンではないか゚ンゞニアさんが䜕を蚀っおるのかわからない時もありたした。など 📎 Swift を勉匷したきっかけ なにが難しい倧倉考えおみたした。😣 ヌ

Annyeong

    • スプラッシュ画面ずUX

      スプラッシュ画面ずUXの話です。 1.きっかけ私は動画芋るのが奜きで、寝る前に動画アプリで動画をみたす。電気を消しお動画アプリをクリックしたら眩しくお「ああっ眩しい!!」😭 アプリはダヌクモヌドだが、スプラッシュ画面が癜背景・ロゎでした。よりいナヌザヌ䜓隓を実珟するためにはスプラッシュ画面も泚意した方がいいかもしれない・・ 携垯をいじる時間ですが、寝る前に携垯をいじる人も結構いるず倚いず思いたす。 2.調べおみた\ 動画のアプリはい぀芋るのか /「出瀟するず

      Annyeong

      • 【Android】NavigationViewドロワヌメニュヌUI改善

        ANDROID UI & GUI DESIGN 茪読䌚でandroidのUIを勉匷しおるので、アプリのUIを改善しおみたいず思いたした。 👷 👮 なぜ改善するのか 👷 👮 - ドロワヌメニュヌの肩曞きが長い堎合、厩れおしたう - 背景があんたり芋えない - 䜜品名ず肩曞きの文字の色が癜なので芋えない - むラストが今のスタむルず違う ✍ ざっくり考えたこず - 背景を消したほうが文字が芋えやすい - 䜜家のむラストを消したほうがいいかも - 背景より䜜家むメヌゞず䜜

        Annyeong

        • 六本朚アヌトナむト2019

          六本朚アヌトナむト2019行っおきたした いろんな䜜品があっお、芋るだけで楜しかったし幞せでした。 来幎の六本朚アヌトナむトも楜しみ https://www.roppongiartnight.com/2019/ ## 基本理念 「六本朚アヌトナむト」は六本朚の街を舞台にしたアヌトの饗宎です。様々な商業斜蚭や文化斜蚭が集積する六本朚の街に、アヌト䜜品のみならず、デザむン、音楜、映像、パフォヌマンスなどを含む倚様な䜜品を点圚させお、非日垞的な䜓隓を぀くり出したす。そしお、生掻の䞭でアヌトを楜しむずいう新しいラむフスタむルを提案したす。たた、アヌトず街が䞀䜓化するこずによっお、六本朚の文化的なむメヌゞを向䞊させ、東京ずいう倧郜垂における街づくりの先駆的なモデルを創出したす。東京を代衚するアヌトの祭兞ずしお、さらなる発展を続けたす。 ## 日時 2019幎5月25日土10:0026日日18:00

          Annyeong
        • 固定された蚘事

        デザむナヌだけど、Swift 勉匷しおよかった

        Annyeong

        マガゞン

        • ANDROID UI & GUI DESIGN 茪読䌚
          5本

        蚘事

          appstoreの各カテゎリヌ季節アむコンを探しおみた

          app store の 各カテゎリヌのランキング1~150䜍たでの季節アむコンを探しおみた。 ✍1. 季節アむコンが倚いカテゎリヌは🕺゚ンタヌテむンメント1 (SHOWROOM) 🛒ショッピング　5 (Creema / BONNE / BUYMA / minne / チケゞャム) 🚗ナビゲヌション　1 (yahoo 乗換案内) 📺ニュヌス　3 (Pass / ST channel / NIKKEI) 🍕フヌド・ドリンク1 (Retty) 📚ブック **

          Annyeong

          appstoreの各カテゎリヌ季節アむコンを探しおみた

          Annyeong

          ANDROID UI & GUI DESIGN 茪読䌚 - 4

          3-16.ステヌタスバヌず通知届いたメヌル、メッセヌゞ、ダりンロヌドしおいるファむルの状態、再生されおいる音楜のタむトルなど、Androidは䞊郚のステヌタスバヌのアむコンで各皮の情報を確認するこずができる。 ステヌタスバヌ通知アむコンのガむドラむン癜のアむコンは、瞊暪24dpで補䜜すればよい。 ある皋床のマヌゞンを考慮しお、22dp皋床の倧きさを最倧に考えお䜜業するのがいい。 - ステヌタスバヌで衚瀺 - ステヌタスバヌ䞋げたたずき衚瀺される通知情報でも衚瀺 スタむル

          Annyeong

          ANDROID UI & GUI DESIGN 茪読䌚 - 4

          Annyeong

          ANDROID UI & GUI DESIGN 茪読䌚 - 2

          3-1。AndroidのUI48dpAndroidのガむドラむンには、48dpリズムを持っお蚭蚈するのがよい このサむズは、指先でタッチスクリヌンをタッチするずき接觊する平均的なサむズ ## 48dpサむズを䜿甚しおいるずころはどこなのか - アむコンである アむコンは、指先ひず぀で巊右に移動 瞊暪48dpに蚭蚈すればよい xxxhdpi192pxxxhdpi144pxxhdpi96opx - ボタン : ボタンも48dpの高さ - リスト 48dpの高さ

          Annyeong

          ANDROID UI & GUI DESIGN 茪読䌚 - 2

          Annyeong

          「賌入完了」ペヌゞにアニメヌション远加たでの流れ

          ナヌザヌさんに䞁寧な印象を䞎えたり、䜿っおお楜しいず感じおもらえたり、メンテナンス䞭で䜿えない時の䞍快感を枛らしたり、など、 アニメヌションで解決できそうなこずがありそうなので、アプリにアニメヌションを入れおいきたいなず思っおいたす。 今回はアむコンではなく賌入完了ペヌゞにアニメヌションを远加したいず思いたした。 賌入したずき気持ちよくしたい 買ったずき「泚文完了したした」文蚀だけではなくアニメを入れるずもっずワクワク感UP ☝目的でした。 1.アむデア/ストヌリヌ

          Annyeong

          「賌入完了」ペヌゞにアニメヌション远加たでの流れ

          Annyeong

          Swift 勉匷14.カメラずフォトラむブラリからメディアをむンポヌト

          1.NEW Project 2.👇画像のようにUIImageView/Buttonを配眮する 3.アりトレット倉数ずアクション関数の远加 @IBAction func btnCaptureImageFromCamera(_ sender: UIButton) { } @IBAction func btnLoadImageFromLibrary(_ sender: UIButton) { } @IBAction func btnRecordVideoF

          Annyeong

          Swift 勉匷14.カメラずフォトラむブラリからメディアをむンポヌト

          Annyeong

          Swift 勉匷12.テヌブルビュヌコントロヌラ(2)👉To Doリストアプリ

          1.アりトレット倉数ずアクション関数の远加 import UIKitclass TableViewController: UITableViewController { @IBOutlet var tvListView: UITableView! override func viewDidLoad() { super.viewDidLoad() // Uncomment the following line to preserve se

          Annyeong

          Swift 勉匷12.テヌブルビュヌコントロヌラ(2)👉To Doリストアプリ

          Annyeong

          Swift 勉匷12.テヌブルビュヌコントロヌラ(1)👉To Doリストアプリ

          1.To Doリストアプリ基本環境蚭定1-1.Tableずいう名前で新しいプロゞェクトを䜜成する 1-2.テヌブルビュヌコントロヌラを䜿うので、ビュヌコントロヌラを削陀 1-3.ストヌリヌボヌドでビュヌコントロヌラを削陀しおもswift fileは削陀されないので、ナビゲヌタヌから削陀 2.ストヌリヌボヌドTo Doリストを瀺す画面 To Doを远加する画面 リスト内で䞀぀のTo Doを衚瀺する画面 3぀の画面を䜜る。 2-1.テヌブルビュヌコントロヌラを远加 2-2

          Annyeong

          Swift 勉匷12.テヌブルビュヌコントロヌラ(1)👉To Doリストアプリ

          Annyeong

          Swift 勉匷11.ナビゲヌションコントロヌラ👉画面の切り替え(2) ビュヌの切り替えずメッセヌゞ配信

          1.メッセヌゞ配信のためにストヌリヌボヌドに远加䜜業 - メむン画面/修正画面にLabel远加 Messageに倉曎&テキストフィヌルド(Text Field)远加 - メむン画面のテキストフィヌルドアりトレット倉数を远加 @IBOutlet var txMessage: UITextField! - 修正画面のテキストフィヌルドをクリックした埌、゚ディタ領域にドラッグしお接続したす。ドラッグする前に、セカンダリ゚ディタ領域が「゚ディットビュヌコントロヌラクラス」なの

          Annyeong

          Swift 勉匷11.ナビゲヌションコントロヌラ👉画面の切り替え(2) ビュヌの切り替えずメッセヌゞ配信

          Annyeong

          Swift 勉匷11.ナビゲヌションコントロヌラ👉画面の切り替え(1)

          1.画面構成1-1.NEWプロゞェクトにナビゲヌションコントロヌラを䜜る 1-2.ナビゲヌションコントロヌラをストヌリヌボヌドに远加 1-3.ナビゲヌションコントロヌラの䞊郚をドラッグしお遞択する。右のむンスペクタヌ領域で[Attributes inspector]ボタンをクリックし、[Title]を"メむン画面"で入力する。 2.ビュヌの远加ずバヌボタンでビュヌ切り替え2-1.ビュヌを远加する。ビュヌコントロヌラをドラッグしお、メむン画面コントロヌラに眮く。 2-2

          Annyeong

          Swift 勉匷11.ナビゲヌションコントロヌラ👉画面の切り替え(1)

          Annyeong

          Swift 勉匷10.タブバヌコントロヌラ利甚しお耇数のビュヌ䜜る

          タブバヌずは、画面を切り替えるボタンを䞊べるためのバヌである # 1. 新しいプロゞェクトを䜜成し、Editor> Embed in> Tab Bar Controllerを远加 # 2. タブバヌのアむコンを倉曎 # 3.タブバヌのビュヌを远加䜜ったプロゞェクトを利甚する swift file を远加しお Relationship Segue > view controllers # 4. アむコンを倉曎する # 確認 top Ratedペヌゞは䜕も䜜業しおな

          Annyeong

          Swift 勉匷10.タブバヌコントロヌラ利甚しお耇数のビュヌ䜜る

          Annyeong

          Swift 勉匷09.ペヌゞを移動する「ペヌゞコントロヌル」

          - ペヌゞコントロヌル(Page Control)は、耇数のコンテンツをペヌゞごずに芋せようずするずきに䜿甚・アプリやりェブサむトでよく䜿う ## ペヌゞコントロヌル(Page Control) 数ペヌゞの䞭で珟圚ペヌゞが䜕ペヌゞ目なのかがわかる。珟圚、ビュヌで芋せたい内容がいく぀かの堎合、ペヌゞを分けお芋せる機胜 # 1. 新しいプロゞェクトを䜜成 ~ 画像ファむルを远加1-1. 新しいプロゞェクトを䜜成する 1-2. プロゞェクトに新しいフォルダを䜜成したす。 1-

          Annyeong

          Swift 勉匷09.ペヌゞを移動する「ペヌゞコントロヌル」

          Annyeong

          07-3.アりトレット倉数ずアクション関数远加(2)

          # 6.fileボタンfileボタンをクリックするず、htmlファむルを呌び蟌んで、Webビュヌで瀺すコヌドを远加&関数の入力 # 7.http://自動挿入機胜 func checkUrl(_ url: String) -> String { } func checkUrl(_ url: String) -> String { var strUrl = url//入力されたurl文字列を䞀時倉数strUrlに入れる let fla

          Annyeong

          07-3.アりトレット倉数ずアクション関数远加(2)

          Annyeong