How to make the layout of WeChat public account articles more elegant?

After completing this tutorial, I became a typography master!

Today, I will give you a copy of the "135 Editor (GIF Version) Operation Guide", which is full of useful information. After reading this article, you will become a 135 typesetting master in seconds!

"Second brushing" function

Usage process:

Select the image and text that need to be brushed in seconds, click on the style you want to use, and you can complete the style in one second swipe in seconds. Pay attention to how well the selected content fits the style.

"Adjust style width" function

Usage process:

Click on the style you want to change the width of, and in the pop-up window, slide the "Adjust width ratio" toolbar , complete the style width adjustment.

"Style Color Changing" function

Usage process:

Click on the style (that supports color changing), select the corresponding color in the "Color Scheme", and complete the change. color.

"Full text color change" function

Usage process:

Check the "Full text color change" button in "Color scheme", and click the corresponding button in the color scheme again Color matching, complete the color change of the whole text.

"Manually adjust color" function

Usage process:

Click on the formula color matching area, slide the color circle or fill in the RGB value on the left according to your own needs , complete the color change.

"Transfer" function

Usage process:

For the same style, click "Transfer" in the function pop-up window to transfer the color and width ratio of the style to other identical styles.

"Rotation angle" function

Usage process:

Click the style, slide the toolbar button or fill in the value on the left to rotate the style angle.

"Move Up/Move Down" function

Usage process:

Click on the style, click "Move Up/Move Down" in the function pop-up window, You can make the style move up and down (jumpable styles)

"Auto Numbering" function

Usage process:

Click on the serial number style, in the pop-up window bar, Click "AutoNumber". The serial number of a single style can be modified directly using the mouse wheel.

"Convert to Picture" function

Usage process:

Click on the corresponding style and select "Convert to Picture" in the pop-up window. Depending on the content of the style, the time it takes to convert it to an image varies.

"Border" function

Usage process:

Click on the style, select "Border" in the pop-up window, adjust the corresponding value, and complete the modification of the border.

"Blank line before/after" function

Usage process:

Click on the style, click on the blank line before the style in the pop-up window, and a blank line will appear before the style Line, then go empty and do the same.

"Select (Style Replacement)" function

Usage process:

Click on the style you want to replace, click "Select" in the pop-up window, and then Click on the style you want to replace it with.

"Paragraph Settings" function

Usage process:

Click on the paragraph style, select "Paragraph" in the pop-up window, set the corresponding values, and complete the paragraph setting.

"Save Template" function

Usage process: Click on the modified style, and then click Save in the function pop-up window to save the style in the template for direct use. Avoid multiple uses that still need to be modified.

"Import Article" function

Usage process:

Click the "Import Article" button in the function button area, enter a link that meets the corresponding regulations, and the article can be completed Import.

"Document Import" function

Usage process:

Click the "Document Import" button on the upper toolbar, select the corresponding document, and complete the upload; if the picture paste appears If you have any questions, just click the button on the left side of the function.

"Generate long image" function

Usage process:

Click the "More functions" button on the right, select the corresponding width to generate a long image button, and the download is completed That’s it.

"One-click typesetting" function

Usage process:

Place the content that needs to be typeset in the editing area, select the corresponding one-click typesetting template, and you can instantly Complete the typesetting work.

"WeChat Copy" function

Usage process:

After the graphics and text are formatted, click WeChat Copy to copy the material to the new graphics and text in the WeChat background , add cover title and other information, preview and send in bulk (pay attention to updating Flash in time)

"Single image and text synchronization" function

Usage process:

Image and text typesetting After completion, click to save the article, fill in the title, summary, cover and other information, check the public account to be synchronized, and click to save the article. Synchronization requires authorizing the official account to 135.

"Multi-image and text synchronization" function

Usage process:

Click "My Articles" on the left, select multi-image and text synchronization, and adjust multiple images and text location to complete synchronization.

"Add/Remove Border" function

Usage process:

Click on the picture, click Add Border in the special function to add a border to the picture, click to remove the border The added borders can be removed.

"Add/Remove Shadow" function

Usage process:

Click on the picture, click Add Shadow in the special function to add a shadow to the picture, click on Remove Shadow The added shadow can then be removed.

"Picture border shadow" function

Usage process:

Click on the picture, then click on the picture border shadow in the function pop-up window, and select different border shadow templates , to achieve the border shadow effect.

"Add/Remove Rounded Corners" function

Usage process:

Click on the picture, and click Add Rounded Corners in the special function to add rounded corners to the picture. Click Fillet to remove the added fillets.

"Picture rounded corners" function

Usage process:

Click on the picture, then click on the picture border shadow in the function pop-up window, and slide the rounding tool in the upper left corner strips to achieve the rounded corner effect of the picture.

"Background" function

Usage process:

After the article layout is completed, click the background button on the toolbar to set a monochrome background or upload the background yourself. Picture, you can also select an online background picture, and then click OK to complete the background settings.

"Both side margins" function

Usage process:

After copy editing is completed, directly click on both sides of the margins to set the margins for the full text; Select the corresponding text paragraph, and then click Use margins on both sides to set the margins for the selected text paragraph.

"Strikethrough" function

Usage process:

Select the text and click the ABC font button with a horizontal line in the pop-up window. Complete function usage.

"Table" function

Usage process:

When using the table, to modify the table, you can directly right-click on the table and bring up the modification menu to make modifications. .

"Character Border" function

Usage process:

Select the text and click the A-shaped button with a square frame in the pop-up window to complete Function usage.

"Query and Replace" function

Usage process:

Click the "Query and Replace" button in the lower right corner of the upper toolbar and enter the corresponding content to complete the replacement.

"Auto Layout" function

Usage process:

Click the "Auto Layout" button on the right side of the toolbar, select the corresponding operation, and complete automatic layout.

"Use Signature" function

Usage process:

At the bottom of the editing area, click Manage Signature--New Signature--Enter the corresponding content to complete the signature set up.

"Submission channel" function

Usage process:

After clicking to save the article, select to save the image and text to other users in the pop-up window, and enter the other party's user number Submission is complete. The official submission channel number of 135 Editor is: 135.

I am Xiaosan'er

Sincerely delivering useful information

Articles support a variety of forms, and rich multimedia elements make an article no longer simple It is as simple as black and white text on paper, but it can have more visual expressions.

So how do you make the layout of your articles look classy? Now let me give you some better suggestions.

First of all, an article can be roughly divided into three major sections-the head of the article, the middle of the article, and the end of the article.

1. The article header generally has the following ways of playing

1. Set it as a gif animation to promote gzh’s endorsement, slogans, etc.

2. Guide users to pay attention.

3. Just upload the picture. Although the pictures are different, the style is the same.

4. Simple articles to guide attention, this is used by many gzh.

The above examples illustrate the role and usage of the header setting of the article. Therefore, we can also give our design a reasonable header to distinguish it for users.

After talking about the head, we can look at the tail. Now the tail of most gzhs is much richer than the head. Because the end of an article often determines whether the user will stay or leave, or is a key position that guides the user to make the next decision. Therefore, the expression forms are also very colorful.

2. The end of the article has the following four forms

1. Directly send code to guide users to pay attention

2. Add historical articles to guide users to continue reading

p>

3. Guide users to click to read the original text

4. Guide users to like it

3. Some layout techniques for your reference

Title

The font size should be between 16-20

The more words there are, the smaller the font size is.

It is best to add color to distinguish the main text.

Text

The best font size is between 10-18px,

(font sizes exceeding 18px are eye-catching typesetting)

It is recommended to use 14px font size for articles with a literary style.

A pure black text color is actually not good-looking.

It is recommended to use an appropriate grayscale for more comfort.

Commonly used color numbers include #3b3b3b, #262626, # 3f3f3f.

Paragraph

It is best to leave a blank line between article paragraphs,

or set the paragraph spacing to 10-20px,

set the line spacing to 1.5-2.5px is more suitable,

The word spacing is 0.25-1.5px.

Color colors

No more than three colors should be used in an article.

Pictures

It is best to center a single picture.

Then you can add a rounded corner effect.

If there are too many pictures, you can link them together.

Or a third-party editor for typesetting.

Blank space

or the margins on both sides of the article,

most gzh will use it now,

usually through the Implemented by third-party editors,

135 editor’s white space value should be within 20.

That’s it for today’s sharing. If you have better ways to format articles, please feel free to message me privately or share them in the comment area below

Want more new media For article writing or typesetting, you can also follow gzh: Zhengerbajing operation. Reply to passers-by and you can get more article typesetting tips for free~

If you like this article, please like and follow me! Your attention is my motivation!