fujisaki/Web制作/初心者編

Web制作・ノーコードを頑張る29歳男！/Web制作→STUDIOで皆さんのスタートアップに早く安く協力します！/動画編集・写真加工も/初心者編→中級編へ！

fujisaki/Web制作/初心者編

Web制作・ノーコードを頑張る29歳男！/Web制作→STUDIOで皆さんのスタートアップに早く安く協力します！/動画編集・写真加工も/初心者編→中級編へ！

まったくの初心者が「STUDIO」を始めてみた！ジムとか、商品紹介とか、、かな？

まったくの初心者が「STUDIO」を始めてみた！ ジムとか、商品紹介とか、、かな？ ってことで、だいぶ投稿が空いてしまった。何回か前にやる気を出したのだが、仕事と引っ越しという言い訳で何もできなかった。 今回は、テンプレートにもこんなのがあったので真似してみました。 イメージ的に、ジムの紹介とか商品紹介とかでシンプルかつかっこいいサイトはこんな感じな気がする。 今回はシンプルでかっこよくを目指して作ってみた。 まあ相変わらずツメも甘いし、余白も微妙ではあるが、、、 色は３

fujisaki/We…

    • まったくの初心者が「STUDIO」を始めてみた！レストラン的な！

      まったくの初心者が「STUDIO」を始めてみた！ レストラン的な！ ってことでお店のサイトをイメージして作ってみた。 今回はいつものトップとヘッダーではなく、トップにヘッダーナビを合わせた感じにしてみた。 （そんな感じのサイトがあったからという単純な考えですが、、、） 配色にはまだまだ難ありですが、そこはこうご期待ということで。 既存のセクションは使わず、自分で組んで制作してみた。 その結果余白がバラバラなってしまった。ワイド画面では大丈夫だがタブレット画面やスマホ画面だ

      fujisaki/We…

      • まったくの初心者が「STUDIO」を始めてみた！風邪明けで少しだけど投稿してみる、、、動きを学ぶ！

        まったくの初心者が「STUDIO」を始めてみた！ 風邪明けで少しだけど投稿してみる、、、動きを学ぶ！ ってことでだいぶ投稿が空いてしまいました。 12月1日から原因不明の病（コロナではなくただの風邪）にかかってしまい、咳が止まらず、声が出ず、微熱が2週間続くという苦痛を送っていました。いっそのことコロナであれば仕事を休めたのにと思いつつ、ちゃんと睡眠をとって夜勤に行ったら、全然進捗が上がりませんでした。 なので今回はアニメーションに挑戦してみただけです。 とりあえずやったこ

        fujisaki/We…

        • まったくの初心者が「STUDIO」を始めてみた！RPGゲームに使いそうな風！

          まったくの初心者が「STUDIO」を始めてみた！ RPGゲームに使いそうな風！ ということで、何となく今の実力をいろいろ使って作ってみた。 というよりは、 いろんなことを強引に詰め込んでみたらこんな感じになった！ って感じです。今回はセクションやテンプレのコピペなし。 では反省点を考えていきます！ 1.配置の勉強をしてみた今回はいろんな種類の配置を使ってみた。 まずヘッダーとサイドに「固定配置」を使ってみた。ヘッダーではよく使うがテンプレートとかを見るとサイドにも使ってる

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！LP風に作ってみた！

          まったくの初心者が「STUDIO」を始めてみた！ LP風に作ってみた！ということで、今回はLPをまねしながら前回のを修正してみた！ とりあえず様にはなったかなー 1.前回のリベンジはできたと思う何も知らず作ってみた悲惨な前回。今回はある程度ほかのLPを見ながら、できる範囲で技術をまねてみたつもり。画像に文字を入れたり、はみだしを活用した説明を入れてみたりなど、徐々に技術は習得してると思う。 2.構成弱いといってもまだまだ構成が弱いと実感。文字や画像も重要だが見栄え的にはっ

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！LP風に作ってみた！

          fujisaki/Web制作/初心者編

          まったくの初心者が「STUDIO」を始めてみた！模写なしで初心者がLPに挑戦してみたが、、、

          まったくの初心者が「STUDIO」を始めてみた！ 模写なしで初心者がLPに挑戦してみたが、、、ってことで、察しの通りうまくいかなかった感じの話です。（今回は小話程度です） 1.模写は必須！完璧な模写とはいかないが必要最低限の模写は必要だと実感した。そもそも技術がないのだから模写は必要だと思った。こんな感じかなで進むとこんな失敗作になる。悲しいがこれが現実ということで、、、 2.画像編集ありきって感じもするトップがや中間の画像など画像自体でインパクトをつける必要があるのも実

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！模写なしで初心者がLPに挑戦してみたが、、、

          fujisaki/Web制作/初心者編

          まったくの初心者が「STUDIO」を始めてみた！モーダルとアニメーションを活用してみた！

          まったくの初心者が「STUDIO」を始めてみた！今回はモーダルウィンドウとアニメーションをいろいろと利用して、サイトを作ってみた。 特段、サイトのイメージとかは無いのでアートイベントとかライブ等の単発サイトということで、、、 1.モーダルウィンドウを使ってみた！個人的にモーダルウィンドウは利用したほうがいいと持ってるタイプです。もし案件とかやるうえで特段指定等がない場合は、ぜひ利用してもらいたいと思う。基本的にポップアップとかモーダルみたいにページが移動しないサイトのほうが

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！モーダルとアニメーションを活用してみた！

          fujisaki/Web制作/初心者編

          まったくの初心者が「STUDIO」を始めてみた！練習3作目～バーとかそんな感じ

          まったくの初心者が「STUDIO」を始めてみた！ 練習の3作目はバーとかレストランみたいな、ちょっと暗い感じの店にありそうな感じで作ってみた！ まだまだバランスだったり、色合いだったり、出来損ないのところが多いがセクションやテンプレだけに依存しないよう頑張ってみた！ 1.背景を暗い色にしてみたいつもはとりあえず白背景から始めてみたが、今回は暗い青で作ってみた。そうなるとイメージに出てきたのはBAR！暗い青に白い文字がくっきり見えるサイトがパッと出てきた。 でも暗い青といって

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！練習3作目～バーとかそんな感じ

          fujisaki/Web制作/初心者編

          まったくの初心者が「STUDIO」を始めてみた！色とセクションを使ってみた！

          まったくの初心者が「STUDIO」を始めてみた！ 前回の反省を活かして色を使って作ってみることにした。 結果はイマイチ！まぁ、そんな簡単に養われることではないからテンプレートや参考を活用して、練習していこうと思う！ 1.ベース自体を白以外にしてみたとりあえず、ページそのものを色付きにしてみた。なんとも言えない色にしてみたが、濃過ぎにならず、薄過ぎにならずだとこんな色かなと。優しい色を使いたかったけど、黄色っぽい色でも良かったかな？ 作ってから気づいたが、また差し色を使ってな

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！色とセクションを使ってみた！

          fujisaki/Web制作/初心者編

          まったくの初心者が「STUDIO」を始めてみた！とりあえず一発目！

          まったくの初心者が「STUDIO」を始めてみた！ とりあえず一発目！ 今回はセクションを使用して形づくりに挑戦。 だいぶ不格好、、そしてインパクトというか華がないというか、、、いきなり凹む出来栄えですねー 1.メリハリ？多分メリハリが無いのかな？単調というかシンプルすぎるというか、、ある意味シンプルがいいという考え方もできるが、どうだろー これにアニメーションを加えれば、少しはおしゃれでメリハリが出そうな気がする。 2.サイズ感？サイズ感も悪い気がする。字の大きさと画像の

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！とりあえず一発目！

          fujisaki/Web制作/初心者編

          まったくの初心者が「STUDIO」を始めてみた！自己紹介編

          はじめまして。fujisaki（@seifuji333）といいます。 最近「STUDIO」を使い始めたまったくのWeb初心者です。 とりあえずnoteを使って、備忘録的にまとめながら、いろんな方のテクニックやコツを吸収していきたいです。ただ、あまりSNSが得意ではないので失礼がありましたら申し訳ありません、、、 ってことで軽く自己紹介東北出身 関東在住 29歳　男 です。 職業は建設業に勤めていて、ほかの分野も学びたいと思いWeb制作へ。 当初はHTML・CSS等を学んでい

          fujisaki/We…

          まったくの初心者が「STUDIO」を始めてみた！自己紹介編

          fujisaki/Web制作/初心者編