furuya学校Tweetみなさんこんにちは。学校事業部の古谷です。ほんきでUIデザインの新学期がはじまりました。今回受講生はグラフィックデザインをメインでやられてきた方、webデザインを独学でされてた方、フロントエンジニアの方などなどです。1回目1回目の授業はwebデザインのおさらいという感じで進んでいきました。解像度のお話ディバイスサイズwebデザインのタイポグラフィ実際のサイトを例にレイアウトのパターンアトミックデザイン最近UI系のツールはいろいろ出ていますが、みなさんどれを使われていますか?便利なものが増えPhotoShopでwebデザインする方は減ってきていますね。https://www.adobe.com/jp/products/xd.htmlXDは無料でダウンロード可能。共有機能がついていて、クラウドに保存も可能で、いろいろな人と編集することができる。その機能はAdobeクリエイティブクラウドに契約してないと難しいようです。使い方も簡単なので、私はよくワイヤーフレームを書く時など使用しています。すればデザイナーとも共有しやすく変更点なども随時共有できとても便利です!もちろんプロトタイピング機能もあります。細かいベクター操作はできないので、そこはIllustratorで作ってからコピーして制作していく必要があります。XDは細かい操作はIllustratorやPhotoshopで制作しレイアウトはXDで制作していくという使い方がとてもベストです。https://www.sketch.com/SketchはUIデザインが主流になっていった時に一番最初にいろいろな方々が使い出したツール。最初は1回買えば一生使える感じでしたが、今は1年単位でアップデートしていかないといけません。最初は1年$99くらいで、年々使っていくとだんだん安くなるようです。Sketchサイトが英語のみなのでなかなかわかりにくい部分があります。Sketchはベクターの操作もできますし、この1台で充分デザインをすることができます。プロトタイプ機能ありです。https://www.figma.com/こちら最近人気が出てきましたFiguma。ある程度無料の範囲で使えます。1つのデータ編集も2名までは編集可能で、見るだけなら無条件でいろいろな人に共有できます。ベクター操作もでき、結構細かい操作ができますし、もちろんプロトタイピングも可能。有料プラン月$12、月$45もそんなに高くないので使ってみてもいいかもです。今回は授業でXDを使用していきます。座学と演習をしながら理解を深めていきました。次回は実際にwebサイトをデザインしていき、フォードバック、ブラッシュアップを繰り返ししていきます。ただいま『ほんきでUIデザイン』開講中ほんきでUIデザインってどんな先生なんだろう?どんな授業なんだろう?っと気になる方!ぜひ受講相談・見学を随時実施しておりますのでお気軽にお問い合わせください。『ほんきでUIデザイン』2月スタート。受講生募集中!ほんきでJavaScriptの様子。for:クスールはWebの技術を中心に「ものづくり」を学ぶ、小さな学校です。メモ6月5日スタート「ほんきでHTML」受講生募集中です。