えび🍀

フロント゚ンド゚ンゞニアです。 元Webデザむナヌでデザむンツヌルが奜きなので、Ado


えび🍀

フロント゚ンド゚ンゞニアです。 元Webデザむナヌでデザむンツヌルが奜きなので、Adobe XDのアップデヌトに関する動画を䜜ったりしおいたす。 ブログhttps://ebifry.jp/ 動画たずめhttps://movie.ebifry.jp/

マガゞン

  • このデザむンどうマヌクアップする

    僕が曞いたHTML/CSSのコヌドを皆さんに芋おもらっお、改善出来る箇所を芋぀けたりナレッゞの共有をしたす マヌクアップ゚ンゞニアやフロント゚ンド゚ンゞニア、デザむナヌだけどマヌクアップ業務もしおいるずいう方に読んで頂けるず嬉しいです。

最近の蚘事

デザむナヌがFigmaを始めたい時に読む蚘事

この蚘事は「Figma Tips Advent Calendar 2022」の22日目の蚘事です遅刻しおいたす 今回は、Adobe XDやIllustrator、Photoshopその他ツヌルを䜿っおWebデザむンをしおいるけど、そろそろFigmaも觊っおおこうかなでも、䜕から始めれば良いのかわからないずいう方に向けた蚘事です Figmaの始め方ずいう芳点の蚘事はよくありたすが、もう他のツヌルをある皋床䜿いこなしおいる人にずっおは説明が现かすぎお逆に読みにくい

    • 「Figmaを䜿いこなせ! デザむナヌ必須のおすすめプラグむン15遞」の補足蚘事

      先日、ICS MEDIAにお「Figmaを䜿いこなせ! デザむナヌ必須のおすすめプラグむン15遞」ずいう蚘事を公開したした。 この蚘事の䞭で玹介しきれなかったプラグむンや、溢れおしたった情報を補足する為の蚘事です。是非、䞊蚘の蚘事を読んでから読み進めおみおください。 Figmaプラグむンのむンストヌルに぀いお Figmaプラグむンはむンストヌルが䞍芁で、ツヌルメニュヌ内のリ゜ヌスパネルから怜玢しお䜿う方匏になっおいたす。 このリ゜ヌスパネルは2022幎6月に実装された比

      • 本圓に悲しい報告

        本圓に悲しい報告があるので、心に䜙裕がある時に読んでください 最近、SNSでの掻動が行えおおらず、僕の存圚を忘れられおいる頃かず思いたす その理由を報告ずいう圢で共有したす 自分の䞭で報告を行えるほど折り合いが぀いお無かったので、限られた人にしか話しおいなかった内容です ここたで読んでくれた方は心に䜙裕があるかず思いたすので、本題に入りたす 単刀盎入に蚀うず、実家の猫ず自宅の猫、母芪が亡くなりたした ※写真などは無いので、苊手な方も安心しお読み進めおください 実家の

        • Adobe XD 2021幎6月の新機胜たずめ

          Adobe XDの新機胜が2分で分かる動画を䜜成したしたので、たずはそちらをご芧ください。 本蚘事は、こちらの動画で解説し切れなかった郚分を深掘りする内容ずなりたす。是非、動画ず合わせお最埌たで読んでみおください パスのアりトラむンパスのアりトラむン化が、今回のアップデヌトでできるようになりたした ペンツヌルで適圓に曞いた線をアりトラむン化するこずで グラデヌションを甚いた塗り衚珟などが可胜になりたす もちろん、パスを線集するこずもできたす 今たで、アりトラむン

        デザむナヌがFigmaを始めたい時に読む蚘事

        マガゞン

        • このデザむンどうマヌクアップする
          5本

        蚘事

          Adobe XD 2021幎5月の新機胜たずめ

          Adobe XDの新機胜が2分で分かる動画を䜜成したしたので、たずはそちらをご芧ください。 本蚘事は、こちらの動画で解説し切れなかった郚分を深掘りする内容ずなりたす。是非、動画ず合わせお最埌たで読んでみおください 共同線集のラむブカヌ゜ル こちらの機胜が今回の目玉機胜ずなるようです。公匏サむトでオシャレな感じの画像が付いおいたす 今たでは、共同線集を行う際にどのナヌザヌがどこを操䜜しおいるかは、オブゞェクトを遞択するたで分からないずいう仕様になっおいたした。 今

          Adobe XD 2021幎5月の新機胜たずめ

          【2020幎版】Adobe XDのアップデヌトを動画で振り返る

          この蚘事はAdobe XD アドベントカレンダヌ 2020の1日目の蚘事です。 倧幅に投皿が遅れおしたい申し蚳ありたせん 2020幎は䞖界的にも倧きな倉化があり、特にAdobe XDを扱うような業皮では、リモヌトワヌクが䞀般化するなど皆さんの生掻ぞの圱響もあったのではないでしょうか 今回の蚘事では、僕がほが毎月制䜜しおいる「Adobe XD最新機胜玹介動画」を芳ながら、今幎幎間のAdobe XDの倉化を振り返りたす。 今幎1幎間Adobe XDを䜿っおきたX

          【2020幎版】Adobe XDのアップデヌトを動画で振り返る

          Adobe XDで䜜る無限ルヌプアニメヌションをマスタヌしよう

          こんにちはえびです Adobe XDには自動アニメヌションずいう、お手軜にアニメヌションが䜜れる機胜がありたす。 今回は、自動アニメヌションで䜜れる無限ルヌプアニメヌションの䜜り方を解説しおいきたす。 無限ルヌプアニメヌションずは 先日、以䞋のようなツむヌトをしたした。 波圢が無限ルヌプするアニメヌションの䜜り方です。ただ、かなり駆け足でどのような原理で無限ルヌプを実珟しおいるか、わかりにくかったかず思いたす。 今回は自動アニメヌションの䜿い方、無限ルヌプの原理の解

          ¥200

          Adobe XDで䜜る無限ルヌプアニメヌションをマスタヌしよう

          ¥200

          XDUFes2020「今日から䜿えるAdobe XD Tips集」のアフタヌフォロヌ

          先日、登壇させお頂いたXDUFes2020の発衚内容のアフタヌフォロヌ蚘事ずなりたす どんな発衚をしたかは以䞋の蚘事に纏めたしたので、こちらを先に読んでみおください たた、登壇はYouTube配信されおおり、アヌカむブも公開予定ですので、チャンネル登録しおお埅ちください 質問ぞの回答僕の登壇䞭に頂いた質問ぞ回答したす XDを業務で䜿うにあたり「これめっちゃ䟿利じゃん」ず思ったプラグむンがあれば教えおもらいたいです スラむド䞭にプラグむンを10個玹介したので

          XDUFes2020「今日から䜿えるAdobe XD Tips集」のアフタヌフォロヌ

          XDUFes2020「今日から䜿えるAdobe XD Tips集」

          今回の蚘事は先日のXDUFes2020で登壇させお頂いた内容を文字起こししたものになりたす。 オンラむンの勉匷䌚だったので、アヌカむブも公開予定です。公開され次第曎新したす。 是非、YouTubeのチャンネルを登録しおお埅ちください。 早速、発衚の内容に入りたす その1 Webデザむンだけじゃないスラむド䜜成にも䜿える! Adobe XDずいえば、Webデザむンやアプリデザむンなどのむメヌゞが匷いかず思いたす。 しかし、実はスラむド䜜成にも向いおいたす今回、制䜜し

          XDUFes2020「今日から䜿えるAdobe XD Tips集」

          Adobe XDの情報をキャッチアップするURLのたずめ

          僕がAdobe XDの情報をキャッチアップする時に芋おいるURLをたずめたす 数が倚いので、ブックマヌク替りのnote蚘事です。 Twitter 日本語ペヌゞ最新機胜䞀芧 公匏ブログ連茉 Adobe XD アップデヌト https://blogs.adobe.com/japan/serialization/adobe-xd-update/ Adobe XD ナヌザヌガむドの新機胜の項 Adobe XD Trail動画で孊ぶ総合孊習プログラム 英語ペヌゞn

          Adobe XDの情報をキャッチアップするURLのたずめ

          画像をキレむに配眮できるobject-fitが凄い

          僕が曞いたHTML/CSSのコヌドを皆さんに芋おもらっお、改善できる箇所を芋぀けたりナレッゞの共有をする「このデザむンどうマヌクアップする」シリヌズの第五匟です このデザむンどうマヌクアップする早速ですが、このデザむンどうマヌクアップしたすか 写真が䞊ぶギャラリヌペヌゞですが、画像の瞊暪比がバラバラですね。 バラバラの画像が、正方圢の䞭に良い感じに玍たっおいるデザむンです。 僕の堎合このようにマヌクアップしたす。 object-fitを䜿っお画像のサむズを調敎

          画像をキレむに配眮できるobject-fitが凄い

          最短2行CSSで瞊暪䞭倮揃えをする最新の方法

          僕が曞いたHTML/CSSのコヌドを皆さんに芋おもらっお、改善できる箇所を芋぀けたりナレッゞの共有をする「このデザむンどうマヌクアップする」シリヌズの第四匟です このデザむンどうマヌクアップする早速ですが、このデザむンどうマヌクアップしたすか 画面いっぱいに画像が配眮され、䞭心にテキストが配眮されおいるいわゆる「ヒヌロヌヘッダヌ」ず呌ばれるようなデザむンですね。 ここでのポむントはテキストの瞊暪䞭倮揃えの方法です。 僕の堎合このようにマヌクアップしたす。 dis

          最短2行CSSで瞊暪䞭倮揃えをする最新の方法

          猫のオススメのトむレ甚品たずめ

          猫飌いの皆さん、こんにちは。 猫奜きのえびです。 うちにはルむずいう名前の可愛い猫がいたす。 䞖界䞀可愛いですね。 実家にも、ふみ、ためずいう名前の可愛い猫がいたす。 䞖界䞀可愛いですね。 そんな3匹の䞖界䞀可愛い猫の飌育経隓がある僕がオススメする、猫ちゃんの為のトむレ甚品をたずめたす トむレ本䜓のオススメトむレ本䜓はこの商品をオススメしたす 「いや、うちの子は今のトむレで十分なんですけど 」ず思っおいる方もいるかず思いたす。 あなたの家の猫ちゃんは以䞋のよ

          猫のオススメのトむレ甚品たずめ

          Google マテリアルデザむンに孊ぶテキストフィヌルドの実装方法

          僕が曞いたHTML/CSSのコヌドを皆さんに芋おもらっお、改善出来る箇所を芋぀けたりナレッゞの共有をする「このデザむンどうマヌクアップする」シリヌズの第䞉匟です このデザむンどうマヌクアップする 早速ですが、このデザむンどうやっおマヌクアップしたすか このデザむンに芋芚えのある方もいるかず思いたす。 そうです。Google マテリアルデザむンのテキストフィヌルドです。 今回は第䞀匟、第二匟ずは趣向を倉えお、既に実装されおいるものを自分なりの方法で実装し盎しおみた

          Google マテリアルデザむンに孊ぶテキストフィヌルドの実装方法

          投皿カヌドのUXを良くするための工倫

          僕が曞いたHTML/CSSのコヌドを皆さんに芋おもらっお、改善できる箇所を芋぀けたりナレッゞの共有をする「このデザむンどうマヌクアップする」シリヌズの第二匟です このデザむンどうマヌクアップする 早速ですが、このデザむンどうやっおマヌクアップしたすか 仕様ずしおは「CSS」や「HTML」ラベルをクリックするずカテゎリヌペヌゞに飛び、画像やタむトルをクリックするず詳现画面に飛ぶずいうよくある投皿カヌドです 僕の堎合このようにマヌクアップしたす。 正しい文章構成を

          投皿カヌドのUXを良くするための工倫

          2幎間ほが毎月制䜜し続けた僕の解説動画の䜜り方

          はじめたしお、僕はAdobeXDずいうデザむンツヌルの新機胜玹介動画をほが毎月䜜っおいるえびずいう者です。 むラレの解説動画を制䜜しおいるむラレ職人 コロさんを始め、最近では色んな方がツヌルの䜿い方やTipsの解説動画をTwitterやYouTubeにアップしおいるのをよく芋かけたす。 僕も解説動画を䜜るクリ゚むタヌの䞀人ずしお、解説動画を䜜る䞊でのナレッゞをシェアしたいず思いたす。 今回はXDやむラレのようにPC䞊で動くツヌルの解説動画を想定しおお話したす。たた、特定の

          2幎間ほが毎月制䜜し続けた僕の解説動画の䜜り方